vue spa project

vue-spa-project

Based on the vue.js technology stack, it adopts MVC and other hierarchical structure design, data decoupling design, componentization and automated construction of single-page application projects.

technology stack

• vue.js (2.4)
• vuex (state management)
• vue-router (front-end routing, asynchronous loading)
• fetch (replaces ajax and makes network requests more efficiently)
• element-ui (PC-side UI component library based on vue)

Webpack (automated build)

• Babel pre-compilation (ES6, SCSS, etc.), and asynchronous components to implement routing lazy loading
• ESlint code quality control, all code must be written in accordance with standard specifications to pass compilation and avoid some low-level errors
• The local development server will monitor file modifications, automatically compile and refresh the browser
• Front-end mock data, no need to wait for back-end interface implementation
• The test server automatically deploys deployment (you need to start a receiving script written by node on the server: file-receiver)

If server-side rendering (SSR) is required, it is recommended to use: NUXT

Build Setup

 # install dependencies (use cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org)
cnpm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run all tests for unit test and e2e test
npm test

# check update for npm packages, please install 'npm install npm-check-updates -g' at first
npm run update