:-: vue-cli 2.9.3 项目目录分析
![](https://box.kancloud.cn/53841b8028f83e115eac6468c008d8b5_883x506.png)
├── **build 构建脚本目录**
│ ├── build.js 生产环境构建脚本
│ ├── check-versions.js 版本检查脚本
│ ├── logo.png vue logo图片
│ ├── utils.js 构建相关工具方法
│ ├── vue-loader.conf.js vue-loader配置文件
│ ├── webpack.base.conf.js wabpack基础配置
│ ├── webpack.dev.conf.js wabpack开发环境配置
│ └── webpack.prod.conf.js wabpack生产环境配置
├── **config 项目配置**
│ ├── dev.env.js 开发环境变量
│ ├── index.js 项目配置文件
│ ├── prod.env.js 生产环境变量
│ └── test.env.js 测试环境变量
├── **src 项目源码目录**
│ ├── main.js 入口js文件
│ ├── app.vue 根组件
│ ├── components 公共组件目录
│ │ └── title.vue
│ ├── assets 资源目录,这里的资源会被wabpack构建
│ │ └── images
│ │ └── logo.png
│ ├── routes 前端路由
│ │ └── index.js
│ ├── store 应用级数据(state)
│ │ └── index.js
│ └── pages 页面目录
│ ├── hello.vue
│ └── notfound.vue
├── **static 放置纯静态资源,不会被wabpack构建**
├── **test 测试文件目录(unit&e2e)**
├── **package.json npm包配置文件,定义了项目信息与依赖包信息**
├── **index.html 入口页面**