项目结构

基于vue-cli2脚手架

├─build
|  ├─build.js         ----------- 生产环境构建代码
|  ├─check-version.js ----------- 检查node、npm等版本
|  ├─utils.js         ----------- 构建工具相关
|  ├─vue-loader.conf.js   ------- webpack loader配置
|  ├─webpack.base.conf.js ------- webpack基础配置
|  ├─webpack.dev.conf.js  ------- webpack开发环境配置,构建开发本地服务器
|  ├─webpack.prod.conf.js ------- webpack生产环境配置
|
├─config
|  ├─dev.env.js        ----------- 开发环境配置
|  ├─index.js          ----------- 基础配置
|  ├─test.env.js       ----------- 测试环境配置
|  ├─pre.env.js        ----------- 预生产环境配置
|  ├─pro.env.js        ----------- 生产环境配置
|
├─dist
|
├─node_modules
|
├─src
|  ├─assets        ----------- 资源
|  |     ├─iconfont       ----------- 字体图标
|  |     ├─images         ----------- 图片
|  |         ├─back       ----------- 背景图片
|  |         ├─banner     ----------- banner图
|  |         ├─default    ----------- 默认图片
|  |         ├─figure     ----------- 配图
|  |         ├─icon       ----------- 图标
|  |         ├─logo       ----------- logo
|  |         ├─nodata     ----------- 无数据图
|  |         ├─other      ----------- 其他图片
|  |     ├─sass    ----------- 样式
|  |         ├─global.scss ---------- 通用样式
|  |         ├─icon.scss   ---------- 图标样式
|  |         ├─main.scss   ---------- 项目公共样式
|  |         ├─reset.scss  ---------- 初始化样式
|  |         ├─sass_index.scss ------ 样式输出
|  |         ├─variable.scss  ------- 样式变量
|  |
|  ├─components    ----------- 业务组件
|  |
|  ├─router        ----------- 路由
|  |
|  ├─request       ----------- 请求
|  |     ├─apis.js        ----------- 接口索引
|  |     ├─index.js       ----------- 请求封装、异常处理
|  |
|  ├─store         ----------- vuex数据状态管理（存储全局变量）
|  |     ├─actions.js     ----------- 异步更改状态
|  |     ├─getters.js     ----------- state派生状态
|  |     ├─index.js       ----------- vuex初始化 + vuex-persistedstate数据持久化
|  |     ├─mutation-types.js -------- 更改状态方法名管理
|  |     ├─mutation.js    ----------- 更改状态
|  |     ├─state.js       ----------- 单一状态树
|  |
|  ├─utils         ----------- 公共方法
|  |
|  ├─views         ----------- 视图
|  |
|  ├─App.vue
|  ├─main.js
|
├─static           ----------- 静态文件， 比如一些图片，json数据等
|
├─.babelrc         ----------- babel6配置文件，ES6语法编译等配置
├─.editorconfig    ----------- 定义代码格式
├─.eslintignore    ----------- eslint检测代码忽略的文件（夹）
├─.eslintrc.js     ----------- 定义eslint的plugins,extends,rules
├─.gitignore       ----------- git上传需要忽略的文件格式
├─.postcsssrc      ----------- postcss配置文件
├─package.json     ----------- 项目信息、项目依赖管理
├─README.md        ----------- 项目文档（简介、运行步骤、注意事项）
├─...

基于vue-cli3脚手架

├─dockerfiles      ----------- 镜像脚本（主要用于项目部署，jenkins打包+镜像容器部署）
|  ├─dist             ----------- 项目构建的包
|  ├─Dockerfile       ----------- 镜像脚本
|  ├─run.sh           ----------- 运行时脚本，主要用于环境变量配置
|
├─node_modules
|
├─public
|  ├─favicon.ico      ----------- 浏览器标签图标
|  ├─index.html       ----------- 页面模板（单页面只有一个，多页面要分别建页面模板）
|
├─src
|  ├─assets           ----------- 图片、样式等资源
|  ├─components       ----------- 组件
|  ├─plugins          ----------- 一些类库的封装，如axios
|  ├─router           ----------- 路由
|  ├─store            ----------- vuex数据状态管理（存储全局变量）
|  |     ├─modules        ----------- 数据分模块存储
|  |     ├─index.js       ----------- vuex初始化 + vuex-persistedstate数据持久化
|  |
|  ├─views            ----------- 视图
|
|  ├─apis.js          ----------- 接口索引
|  ├─App.vue          
|  ├─main.js          
|  ├─utils.js         ----------- 公共方法
|
├─.env.development    ----------- 开发环境变量
├─.env.production     ----------- 生产环境变量
├─.gitignore          ----------- git上传需要忽略的文件格式
├─babel.config.js     ----------- babel7配置文件
├─package.json        ----------- 项目信息、项目依赖管理
├─README.md           ----------- 项目文档（简介、运行步骤、注意事项）
├─vue.config.js       ----------- 开发构建配置
├─...