all-link

Vue3.x + elementPlus + vite2.x 中台

项目说明

大屏整体尺寸5110mm*1729.2mm； 单屏1022mm*576.4mm

火狐浏览器无最小字体限制，无需配置即可达到最佳显示效果

谷歌浏览器最小字体限制

谷歌浏览器默认最小字体为12px。会导致小屏幕下字体显示比较大，样式错乱，需要对浏览器进行设置

谷歌浏览器 -> 设置 -> 外观 -> 自定义字体 -> 最小字体【设置为6px】

项目结构

├─.gitignore
├─index.html
├─package-lock.json
├─package.json
├─README.md
├─vite.config.js
├─src
| ├─App.vue
| ├─main.js
| ├─views
| | ├─compass
| | | ├─Home.vue
| | | └Total.vue
| ├─utils
| | ├─index.js
| | └request.js
| ├─store
| | ├─index.js
| | ├─modules
| | | ├─compass
| | | | ├─actions.js
| | | | ├─getters.js
| | | | ├─index.js
| | | | ├─mutation-types.js
| | | | ├─mutations.js
| | | | └state.js
| ├─service
| ├─router
| | ├─index.js
| | ├─compass
| | | └index.js
| ├─config
| | └index.js
| ├─components
| | ├─compass
| ├─assets
| | ├─scss
| | | ├─base.scss
| | | ├─index.scss
| | | ├─mixin.scss
| | | ├─reset.scss
| | | └variable.scss
| ├─api
| | └index.js
├─public
| └favicon.ico
├─docs
| ├─.nojekyll
| ├─index.html
| └README.md

安装依赖

npm install

项目运行命令

package.json 添加对应运行命令

"scripts": {
    "dev": "vite --mode dev",
    "stg": "vite build --mode stg",
    "uat": "vite build --mode uat",
    "prd": "vite build --mode prd"
}

运行

注: 运行命令时， test 替换成对应的项目名

• 本地运行

  npm run dev
  

• 测试编译

  npm run stg
  

• 灰度编译

  npm run uat
  

• 生产编译

  npm run prd
  

vuex

• 项目结构

  root
  ├─.eslintrc.js
  ├─.gitignore
  ├─.prettierrc
  ├─index.html
  ├─package-lock.json
  ├─package.json
  ├─README.md
  ├─tree.md
  ├─vite.config.js
  ├─src
  |  ├─App.vue
  |  ├─main.js
  |  ├─views
  |  |   └Home.vue
  |  ├─utils
  |  |   └index.js
  |  ├─store
  |  |   ├─actions.js
  |  |   ├─getters.js
  |  |   ├─index.js
  |  |   ├─mutation-types.js
  |  |   ├─mutations.js
  |  |   └state.js
  |  ├─router
  |  |   └index.js
  |  ├─assets
  |  |   ├─scss
  |  |   |  ├─base.scss
  |  |   |  ├─index.scss
  |  |   |  ├─mixin.scss
  |  |   |  ├─reset.scss
  |  |   |  └variable.scss
  |  ├─api
  |  |  └index.js
  ├─public
  |   └favicon.ico
  ├─docs
  |  ├─.nojekyll
  |  ├─index.html
  |  └README.md
  ├─config
  |   └.gitkeep
  ├─.husky
  |   ├─pre-commit
  |   ├─_
  |   | ├─.gitignore
  |   | └husky.sh
  

1. 最佳参考资料 vuex