vue spa starter

Sistem halaman multi -single

Sistem ini telah dimigrasi ke konstruksi Vue-Cli-Service, dan digunakan di dalam kotak untuk membuka kotak

saran

• Lingkungan:> = node8 + benang
• Editor: VScode

awal

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

Konfigurasi Lingkungan

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

Commonlint

Ketik sesuai dengan standar umum

• Feat: Fungsi Baru (Fitur)
• Perbaiki: Perbaiki bug
• Dokumen: Dokumentasi
• Gaya: Penyesuaian Gaya
• Refactor: Rekonstruksi suatu fungsi
• Tes: Tambahkan tes
• Tugas: Proses konstruksi atau perubahan alat tambahan
• Perf: Optimalisasi Kinerja
• Revert: Revert Commith

 # 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

通过.eslintrc.js修改

• 0 Nonaktifkan
• 1 peringatan
• 2 kesalahan

Spesifikasi kode

• https://github.com/airbnb/javascript
• .vue文件及相关文件夹命名为全小写，以-分隔，例如： button-group

Memperhatikan

• js的polyfill已通过html全局引入cdn，不需要再使用babel-polyfill或transform-runtime来解决
• 通过~/src/styles/element-theme.scss定制element-ui主题
• 通用样式写在~/src/styles/${THEME}/app.scss
• 主要样式变量命名在~/src/styles/${THEME}/variables.scss ，组件样式通过已定义变量统一主题
• 图标库已放在https://www.iconfont.cn/ (目前挂在github/evanliu2968账号内)
• https://serverfault.com/questions/506972/nginx-why-cant-proxy-set-inside-an-if-clause

Tingkatkan proyek

Bagan

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

Mengunggah

• components/common/file-upload ie10+ FormData上传，ie9 iframe上传

Transmisi terenkripsi

• https://blog.csdn.net/baidu_22254181/article/details/82594072
• 目前采用AES对称加密， ~/src/libs/auth.js

Webapck

• babel默认不转node_modules里的文件，需要在~vue.config.js/transpileDependencies声明
• new webpack.ContextReplacementPlugin(/moment[\/]locale$/, /^./(zh-cn)$/)去除其他语言包(压缩包300多kb)
• echarts单个图表引入太麻烦(源码2M+,压缩包600kb)采用在html中引入js，避免每次打包

Lingkungan server

Nginx Alamat Konfigurasi: CD/etc/nginx/vhost perlu memulai kembali Nginx setelah dimodifikasi, restart file konfigurasi kelebihan beban dengan perintah Docker: Docker exec Nginx -s Reload Periksa File Konfigurasi: Docker Exec Nginx -t

Dokumen proses lainnya

• Proses Rilis Lingkungan.MD
• Proses Operasi Lingkungan Pengembangan Lokal.MD