# vueui5--vue2-postcss-mockjs-ie10

**Repository Path**: ldoll/vueui5--vue2-postcss-mockjs-ie10

## Basic Information

- **Project Name**: vueui5--vue2-postcss-mockjs-ie10
- **Description**: @vue/cli 5  
集成： sass 全局scss文件 postcss echarts element-ui vuex mockjs 兼容IE10  
待优化： 按需加载 echarts element ,打包优化  
2022.6.7 通过vue ui 创建项目模板 
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2022-07-25
- **Last Updated**: 2023-02-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, vuecli, Vuex, JavaScript

## README

@vue/cli 5  
集成： sass 全局scss文件 postcss echarts element-ui vuex mockjs 兼容IE10  
待优化： 按需加载 echarts element ,打包优化  
2022.6.7 通过vue ui 创建项目模板 
 -vue ui
 # vuex@3使用
 cnpm i lodash -S  

|  文件  |  作用  |  备注  |
| ----- | ------| ----|
| views/Vuex3 | | 路由文件 |
| store/index | 引用store | npm需要安装vuex
| store/modules/user | 一般写法
| store/modules/userManage  |  常量写法 | 引入lodash(非必要，用里面的set方法给对象or数组赋值)
| store/mutations-types  | 常量文件
| ./main.js |引入store | |

# element
cnpm i element-ui -S  
main.js 引入  
# Echarts 
cnpm i echarts -S  

# sass-resources-loader 全局scss文件 全局组件
cnpm i sass-resources-loader -D  
vue文件写lang='scss'，全局引入的必须是scss,不然报奇怪的错误  
全局scss在vue.config.js里面配置  
全局组件在main.js引入  

# 发布网站
cnpm install -g vercel  

- npm run build  
安装完成后，进入 public 目录，通过 vercel 命令发布网站：  
- cd public  
vercel deploy --name vue_svelte