Vue默认项目代码结构

这是一个新建好的Vue项目结构

1，READEME.md

项目说明文件

2，package.json

里面有很多的依赖包，表示在开发过程中，要有第三方的依赖，那么这些依赖就放在这里

3，package-lock.json

是package.json的一个锁文件，可以确定你所安装的第三方包的版本，保持团队版本的统一

4，LICENSE（我这里没有）

开源协议说明

5，index.html

项目默认的首页模板文件

6，postcssrc.js

是对postcss的一个配置项

7，gitignore

当我们使用git的时候，需要把文件上传到线上，但是某些特殊的文件，我并不想让他上传到线上，那么，就可以配置到.gitignore文件里面

8，eslintrc.js

包含了代码书写规范，如果不按照这个标准来写，就报出语法错误

9，eslintignore

说明在我这个根目录下的bulid文件夹，config文件夹，dist文件夹，和.js文件不受eslintrc.js管辖，意思就是这些文件写的不规范，也不会报出语法错误

10，editorconfig

配置了编辑器中的语法，比如tab

11，babelrc

我们的项目实际上是Vue中单文件组件的写法，所以需要babelrc这种语法解析器，来解析成浏览器能够编译执行的代码

12，static

存储一些静态资源，比如一些静态图片还有后期模拟一些后台json都可以放到static里面

13，node_modules

项目依赖的第三方的包，不用去管

14，src

里面放的是整个项目的源代码

main.js是整个项目的入口文件

App.vue是项目最原始的根组件

router/index.js是项目中国所有的路由

component是项目中用的一些小组件

assets放的是项目用到的一些图片类的资源

15，config

放的是项目的配置文件

index.js里面放的基础的配置信息

dev.env.js里面放的是开发环境的配置信息

prod.env.js里面放的是线上环境的配置信息

16，bulid

放的是我们项目打包的webpack的内容