vue spa starter

système de plusieurs pages uniques

Ce système a été migré vers la version vue-cli-service et peut être utilisé immédiatement.

suggestion

• Environnement : >=node8 + fil
• Éditeur : vscode

commencer

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

Configuration de l'environnement

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

CommitLint

Selon le type de spécification générale

• exploit : nouvelle fonction (feature)
• correctif : correction d'un bug
• docs : documentation
• style : ajustement du style
• refactor : refactoriser une fonction
• test : ajouter un test
• corvée : modifications du processus de construction ou des outils auxiliaires
• perf : optimisation des performances
• revert : annuler la validation

 # 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

Modifié par .eslintrc.js

• 0 désactiver
• 1 avertissement
• 2 erreurs

Spécifications des codes

• https://github.com/airbnb/javascript
• Les fichiers .vue et les dossiers associés sont nommés en minuscules, séparés par - , par exemple : button-group

Note

• js polyfill a été globalement introduit dans cdn via HTML, et il n'est pas nécessaire d'utiliser babel-polyfill ou transform-runtime pour résoudre le problème.
• Personnalisez le thème element-ui via ~/src/styles/element-theme.scss
• Les styles courants sont écrits dans ~/src/styles/${THEME}/app.scss
• Les principales variables de style sont nommées dans ~/src/styles/${THEME}/variables.scss . Les styles de composants unifient le thème via des variables définies.
• La bibliothèque d'icônes a été placée sur https://www.iconfont.cn/ (actuellement dans le compte github/evanliu2968)
• https://serverfault.com/questions/506972/nginx-why-i-cant-put-proxy-set-header-inside-an-if-clause

Améliorer le projet

Graphique

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

télécharger

• components/common/file-upload téléchargement FormData ie10+, téléchargement iframe ie9

transmission cryptée

• https://blog.csdn.net/baidu_22254181/article/details/82594072
• Actuellement, le cryptage symétrique AES est utilisé, ~/src/libs/auth.js

paquet Web

• Babel ne transpile pas les fichiers dans node_modules par défaut et doit être déclaré dans ~vue.config.js/transpileDependencies
• new webpack.ContextReplacementPlugin(/moment[\/]locale$/, /^./(zh-cn)$/) supprime les autres packages de langue (le package compressé fait plus de 300 Ko)
• Il est trop compliqué d'introduire un seul graphique echarts (code source 2M+, package compressé 600 Ko). Utilisez js en HTML pour éviter le packaging à chaque fois.

Environnement serveur

Adresse de configuration nginx : cd /etc/nginx/vhost Après modification, vous devez redémarrer nginx et utiliser la commande docker pour redémarrer et recharger le fichier de configuration : docker exec nginx nginx -s reload Vérifiez le fichier de configuration : docker exec nginx nginx -t

Autres documents de processus

• Processus de publication de l'environnement.md
• Environnement de développement local exécutant process.md