技术栈

特性

目录说明

├── README.md├── build // 项目构建文件├── config // 项目构建配置├── dist  // 打包构建后的文件夹├── index.html // 默认模板文件├── package.json├── .postcssrc.js // postcss 配置文件├── tsconfig.json // typescript 配置文件├── tslint.json // tslint 配置文件└── src    ├── Basic.ts // 入口文件基础配置    ├── Http.ts // 创建 axios 做基本配置 及 http 拦截器配置文件    ├── Filters.ts // 增加 Vue 可用过滤器    ├── assets    │   ├── icons  // svg 图标    │       └── index.ts // 导入 icons 目录下的所有 svg 文件，返回 svg 集合对象    │   ├── images    │   └── style     │       ├── theme  // element-ui 样式库    │       ├── element-variables.css  // element-ui 变量文件    │       └── ...  // 自定义 样式 支持 scss postCSS    ├── common  // 公共组件    │   ├── Icon.ts  // Icon 组件    │   └── index.ts // 读取 common 目录下的所有 ts 文件，返回 组件集合对象    ├── config // 公共常量    ├── entry // 默认入口文件目录 可以在 ./config/index.js 修改    ├── i18n // vue-i18n 国际化配置    ├── router // vue-router 路由配置    ├── store // vuex 配置    │   ├── modules    │   ├── types     │   ├── actions.ts    │   ├── getters.ts    │   └── index.ts // 返回 vuex store 对象    ├── typings // TS类型声明文件    └── views

启动工程

# 下载依赖npm install  or yarn# 开启服务热更新 localhost:3000npm run dev# 导出生产包npm run build# 导出生产包并查看包分析报告npm run build --report