3、项目结构

.
├── README.md
├── .babelrc // vue-cli 生成，用于测试，开发环境es6转es5
├── .eslintrc.js // vue-cli 生成，用于格式化校验配置
├── .editorconfig // vue-cli 生成，用于编写规范配置
├── .postcssrc.js // vue-cli 生成，用于打包css配置
├── .eslintignore  // vue-cli 生成，用于忽略格式化校验配置
├── static // vue-cli 生成，用于存放静态资源(image，css等等）
├── build // vue-cli 生成，用于webpack监听、构建
│   ├── build.js
│   ├── check-versions.js
│   ├── dev-client.js
│   ├── dev-server.js
│   ├── utils.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── config // vue-cli 生成
│   ├── test.env.js
│   ├── dev.env.js
│   ├── index.js
│   └── prod.env.js
├── dist // Vue build 后的文件夹
│   ├── index.html // 入口文件
│   └── static // 静态资源
├── index.html // vue-cli生成，用于容纳Vue组件的主html文件。单页应用就只有一个html
├── package.json // npm的依赖、项目信息文件、Jest的配置项 <-- 新
├── src // vue-cli 生成
│   ├── App.vue // 主文件
│   ├── assets // 相关静态资源存放
│   ├── components // 单文件组件
|   ├── router // vue-router 配置
│   └── main.js // 引入Vue等资源、挂载Vue的入口js
├── test // vue-cli 生成&自己创建的测试分类
│   ├── api // api接口测试文件夹 <-- 新
|   ├── integration // 集成测试文件夹 <-- 新
│   ├── unit // 单元测试文件 <-- 新
|       ├── funcs // 所有函数测试 <-- 新
|       └── compts // 所有Vue组件测试 <--新
|   ├── HelloWorld.spec.js // 测试用例
|   ├── steup.js // 测试环境设置
|   └── jest.conf.js // jest 配置
└──package-lock.json // 用npm自动生成的lock文件