Quickly Set Up a Web Development Environment with qvk

In this article the author introduces qvk, a generic web development environment that integrates modern front‑end engineering best practices and supports traditional C/S web apps, SPA and H5 pages.

qvk bundles ThinkJS (Node.js MVC framework), Vue.js and Webpack, and its source is hosted at https://github.com/qqvk/qvk.

To set up the environment, clone the repository, install dependencies with npm install in both server and client directories, then build the front‑end with npm run build . The build generates view and www directories for server templates and static assets.

The server runs on port 8900 and the front‑end on port 9090; start the back‑end first with npm start , then the front‑end.

Server‑side development uses ThinkJS: controllers reside in src/controller , with indexAction returning this.display() to render the default Nunjucks template view/index_index.html .

Front‑end code lives in client/src . The entry file index_index.js imports a SCSS stylesheet, which Webpack bundles and injects into the generated HTML. Additional JavaScript can be imported similarly.

After the environment is ready, opening http://localhost:9090/ displays the running application, confirming a successful setup.