vue spa starter herunterladen - vue spa starter Quellcode herunterladen

vue spa starter

Andere Kategorien

1.0.0

Herunterladen

Mehrfach-Einzelseitensystem

Dieses System wurde auf den vue-cli-service-Build migriert und kann sofort verwendet werden.

Anregung

Umgebung: >=node8 + Garn
Herausgeber: vscode

Start

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

Umgebungskonfiguration

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

CommitLint

Gemäß dem allgemeinen Spezifikationstyp

feat: neue Funktion (Feature)
Fix: Fehler beheben
Dokumente: Dokumentation
Stil: Stilanpassung
Refactor: Eine Funktion umgestalten
Test: Test hinzufügen
Aufgabe: Änderungen am Build-Prozess oder an Hilfstools
perf: Leistungsoptimierung
revert: Commit zurücksetzen

 # 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

Geändert von .eslintrc.js

0 deaktivieren
1 Warnung
2 Fehler

Code-Spezifikationen

https://github.com/airbnb/javascript
.vue Dateien und zugehörige Ordner werden in Kleinbuchstaben benannt und durch - getrennt, zum Beispiel: button-group

Notiz

js polyfill wurde global über HTML in cdn eingeführt, und es besteht keine Notwendigkeit, babel-polyfill oder transform-runtime zu verwenden, um das Problem zu lösen.
Passen Sie das Element-UI-Theme über ~/src/styles/element-theme.scss an
Gängige Stile sind in ~/src/styles/${THEME}/app.scss geschrieben
Die Hauptstilvariablen sind in ~/src/styles/${THEME}/variables.scss benannt. Komponentenstile vereinheitlichen das Thema durch definierte Variablen.
Die Symbolbibliothek wurde unter https://www.iconfont.cn/ platziert (derzeit im Konto github/evanliu2968).
https://serverfault.com/questions/506972/nginx-why-i-cant-put-proxy-set-header-inside-an-if-clause

Projekt verbessern

Diagramm

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

hochladen

components/common/file-upload ie10+ FormData-Upload, ie9 Iframe-Upload

verschlüsselte Übertragung

https://blog.csdn.net/baidu_22254181/article/details/82594072
Derzeit wird die symmetrische AES-Verschlüsselung verwendet, ~/src/libs/auth.js

webapck

Babel transpiliert Dateien standardmäßig nicht in node_modules und muss in ~vue.config.js/transpileDependencies deklariert werden
new webpack.ContextReplacementPlugin(/moment[\/]locale$/, /^./(zh-cn)$/) entfernt andere Sprachpakete (komprimiertes Paket ist mehr als 300 KB)
Es ist zu mühsam, ein einzelnes Diagramm echarts einzuführen (Quellcode 2M+, komprimiertes Paket 600 KB, um jedes Mal ein Packen zu vermeiden).

Serverumgebung

Nginx-Konfigurationsadresse: cd /etc/nginx/vhost Nach der Änderung müssen Sie Nginx neu starten und den Docker-Befehl verwenden, um die Konfigurationsdatei neu zu starten und neu zu laden: docker exec nginx nginx -s reload Überprüfen Sie die Konfigurationsdatei: docker exec nginx nginx -t