vue项目目录作用

vue原始文件夹1.png

vue原始文件夹2.png

1.build文件夹：构建脚本目录，是用于打包配置的文件夹

1.1 build.js 生产环境构建脚本，用于构建生产版本，项目开发完成后，通过build.js打包（加载base与prod，读取完之后通过webpack命令对项目进行打包）

1.2 utils.js 工具类，公共的配置，用于构建相关工具方法

1.3 vue-loader.conf.js 被base加载

1.4 webpack.base.conf.js webpack基础配置（核心配置）

1.5 webpack.dev.conf.js webpack开发环境配置

1.6 webpack.prod.conf.js webpack生产环境配置

2. config文件夹：项目配置（开发环境、测试环境、生产环境、ip地址及端口配置等）

2.1 dev.env.js 开发环境变量

2.2 index.js 项目配置文件（ip地址及端口配置等）

2.3 prod.env.js 生产环境变量

2.4 test.env.js 测试环境变量

3. src文件夹：源码目录，主要编写代码的地方

3.1 assets文件夹 静态资源放置，包括公共的css文件、js文件、iconfont字体文件、img图片文件及其他资源类文件。（这里的资源会被webpack构建）

当在组件的css标签中添加‘scoped’时，其作用范围是该组件及调用它的父组件中

3.2 components文件夹 放置通用的模块组件

3.3 router文件夹 index.js是路由设置文件

3.4 App.vue 入口组件，pages中的组件插入到该组件中，然后该组件插入到index.html中

3.5 main.js 入口js文件，影响全局、作用是引入全局使用的库、公共样式及方法、设置路由等

4. static文件夹： 纯静态资源，不会被webpack构建

5. test文件夹：测试文件目录——unit、e2e文件夹：单元测试

5.1 index.js 入口脚本

5.2 karma.conf.js karma配置文件

5.3 specs 单测case目录