# 安装依赖
npm install 
# or
yarn

# 开发环境编译和热加载
npm run serve 
# or
yarn serve

# 测试环境打包 -- 使用测试环境接口地址
npm run build:dev
# or
yarn build:dev

# 生产环境编译和压缩  -- 使用线上地址
npm run build
# or
yarn build

# 执行eslint检查并按配置eslint格式化文件
npm run lint
# or
yarn lint

# 执行plop，生成vue模版文件
npm run new
# or
yarn new

.github
├─ wockflows
|  └─ main.yml    # github action脚本
.husky
├─ pre-commit     # push前检查
public
├─ favicon.ico    # 网站图标
├─ index.html     # 入口页面
template
├─ index.hbs      # plop自动化模版
├─ index.js       # plop生成器脚本
src
|- assets  # 静态资源目录
|  ├─ images      # 本地图片
|  └─ stylus      # 公共样式
|      ├─ index.styl  # 公共样式导入入口
|      ├─ reset.styl  # 全局重置样式
|      ├─ mixin.styl  # mixin
|      └─ theme.styl  # 主题样式
|
|- api  # 请求相关目录
|
|- components   # 存放公共组件目录
|
|- views        # 存放页面级视图组件目录
| 
|- utils # 工具类
|   ├─ request.js         # 封装axios
|   └─ mitt.js            # Eventmitter 合集
|
|- router # 存放路由目录
|   ├─ index.js           # 主入口
|   ├─ routerGuards.js    # 路由警卫
|   └─ modules.js         # 页面路由模块化
|
├─ .env               # 开发环境接口前缀配置
├─ .env.development   # 测试环境接口前缀配置
├─ .env.production    # 生产环境接口前缀配置
├─ .gitignore         # git忽略文件
├─ .eslintrc.js       # ESLint标准配置
├─ .prettierrc.js     # prettier配置 统一代码风格
├─ babel.config.js    # babel常用配置
├─ vue.config.js      # vue常用配置项
├─ package.json       # 依赖
├─ plopfile.js        # plop自动化
├─ postcss.config.js  # 预处理配置
└─ README.md          # 开发须知