vue spa starter

sistema múltiple de una sola página

Este sistema se ha migrado a la compilación vue-cli-service y se puede utilizar de inmediato.

sugerencia

• Entorno: >=nodo8 + hilo
• Editor: vscode

comenzar

yarn # npm i
yarn run dev # 默认入口为src/pages/*/index.js

Configuración del entorno

.env # 默认配置
.env.local # gitignore，会merge .env
.env.prod
.env.prod.local # gitignore，会merge .env.prod 

cometerLint

Según el tipo de especificación general.

• hazaña: nueva función (característica)
• arreglar: arreglar error
• documentos: documentación
• estilo: ajuste de estilo
• refactor: Refactorizar una función
• prueba: agregar prueba
• Tarea: cambios en el proceso de construcción o herramientas auxiliares.
• rendimiento: optimización del rendimiento
• revertir: revertir el compromiso

 # type: 提交类型  scope: 变动范围  type为必需，scope选填
# git commit -m '${type}(${scope}): some message'
git commit -m ' feat: 增加 xxx 功能'
git commit -m ' fix: 修复 xxx 功能'
git commit -m ' fix(UserController): [bug005]修复用户权限问题' 

Eslint

Modificado por .eslintrc.js

• 0 deshabilitar
• 1 advertencia
• 2 errores

Especificaciones del código

• https://github.com/airbnb/javascript
• Los archivos .vue y las carpetas relacionadas se nombran todo en minúsculas, separados por - , por ejemplo: button-group

Nota

• js polyfill se ha introducido globalmente en cdn a través de html y no es necesario utilizar babel-polyfill o transform-runtime para resolver el problema.
• Personaliza el tema element-ui a través de ~/src/styles/element-theme.scss
• Los estilos comunes están escritos en ~/src/styles/${THEME}/app.scss
• Las principales variables de estilo se nombran en ~/src/styles/${THEME}/variables.scss . Los estilos de los componentes unifican el tema a través de variables definidas.
• La biblioteca de iconos se ha ubicado en https://www.iconfont.cn/ (actualmente en la cuenta github/evanliu2968)
• https://serverfault.com/questions/506972/nginx-why-i-cant-put-proxy-set-header-inside-an-if-clause

Mejorar proyecto

Cuadro

• echarts
• ~/src/components/common/vue-echarts

subir

• components/common/file-upload , carga de FormData 10+, carga de iframe ie9

transmisión cifrada

• https://blog.csdn.net/baidu_22254181/article/details/82594072
• Actualmente se utiliza cifrado simétrico AES, ~/src/libs/auth.js

paquete web

• Babel no transpila archivos en node_modules de forma predeterminada y debe declararse en ~vue.config.js/transpileDependencies
• new webpack.ContextReplacementPlugin(/moment[\/]locale$/, /^./(zh-cn)$/) elimina otros paquetes de idiomas (el paquete comprimido pesa más de 300 kb)
• Es demasiado problemático introducir un solo gráfico echarts (código fuente 2M+, paquete comprimido 600kb. Use js en HTML para evitar el empaquetado cada vez).

Entorno de servidor

Dirección de configuración de nginx: cd /etc/nginx/vhost Después de la modificación, debe reiniciar nginx y usar el comando docker para reiniciar y recargar el archivo de configuración: docker exec nginx nginx -s reload Verifique el archivo de configuración: docker exec nginx nginx -t

Otros documentos de proceso

• Proceso de liberación del entorno.md
• Proceso de ejecución del entorno de desarrollo local.md