这里对Vue项目的每一个文件以及文件夹做一个详解，下面经常编辑、修改使用的文件夹会加粗标红

1、build 文件夹: 里面是对 webpack 开发和打包的相关设置，包括入口文件，输出文件，使用的模块等。

2、config 文件夹: 主要是指定开发和打包中的静态资源路径，要压缩的文件类型，开发使用的端口号。

2.1、dev.env.js文件是开发环境的变量，npm run dev 命令。

2.2、index.js 环境变量及其基本变量的配置。分dev配置和production配置。

2.3、prod.env.js文件是生产环境的变量，npm run build命令。

3、node_modules: 项目的依赖库，可在项目所在位置使用cmd命令：npm install 进行更新/下载。

4、src 文件夹： 我们主要操作的地方，组件的增加修改等都在这个文件夹里操作。

4.1、assets: 放置静态资源，包括公共的 css 文件、 js 文件、iconfont 字体文件、img 图片文件 以及其他资源类文件。之所以强调是公共的 css 文件，是因为要在组件的 css 标签里加入 ‘scoped‘ 标记，将其作用范围限制在此组件以及调用它的父级组件中，避免污染全局样式。

4.2、components: 放置通用模块组件，避免重复工作。

4.3、router: index.js放置路由设置文件。

4.4、App.vue: 入口组件，pages 里的组件会被插入此组件中，此组件再插入 index.html 文件里，形成单页面应用。

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

5、static 文件夹: 静态资源文件夹，放置不会变动的资源，直接被复制到最终的打包目录（默认是dist/static）下。