# 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 替换成对应的项目名

- 本地运行

```shell
 npm run dev
```

- 测试编译

```shell
 npm run stg
```

- 灰度编译

```shell
 npm run uat
```

- 生产编译

```shell
 npm run prd
```

## vuex

- 项目结构

```tree
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
```

2. 最佳参考资料 [vuex](https://vuex.vuejs.org/zh/guide/modules.html)