vue spa project

proyecto-vue-spa

Basado en la pila de tecnología vue.js, adopta MVC y otros diseños de estructuras jerárquicas, diseño de desacoplamiento de datos, componenteización y construcción automatizada de proyectos de aplicaciones de una sola página.

pila de tecnología

• vue.js (2.4)
• vuex (gestión estatal)
• vue-router (enrutamiento front-end, carga asíncrona)
• buscar (reemplaza ajax y hace que las solicitudes de red sean más eficientes)
• element-ui (biblioteca de componentes de interfaz de usuario del lado de la PC basada en vue)

Webpack (compilación automatizada)

• Precompilación de Babel (ES6, SCSS, etc.) y componentes asincrónicos para implementar la carga diferida de enrutamiento
• Control de calidad del código ESlint: todo el código debe escribirse de acuerdo con las especificaciones estándar para pasar la compilación y evitar algunos errores de bajo nivel.
• El servidor de desarrollo local monitoreará las modificaciones de archivos, compilará y actualizará automáticamente el navegador.
• Datos simulados de front-end, no es necesario esperar a que se implemente la interfaz de back-end
• El servidor de prueba implementa automáticamente la implementación (debe iniciar un script de recepción escrito por el nodo en el servidor: file-receiver)

Si se requiere renderizado del lado del servidor (SSR), se recomienda utilizar: NUXT

Configuración de compilación

 # 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