vue项目结构

项目代码结构介绍

package.json
里面有很多的依赖包，表示在开发这个项目的时候用到的第三方依赖。

LICENSE
开源协议说明。

index.html
项目首页默认的模板文件。

.postcssrc.js
postcss 的默认配置项。

.gitignore
在把代码上传到线上的时候希望忽略一些文件，比如 node_modules 等目录文件。

.eslintrc.js
对代码进行检测，里面配置了一些对对代码的规范。

.eslintignore
在里面添加的目录文件是不会受到 eslint 这个检测工具检测的，这些文件如果写的不标准，也不会进行代码不标准提示。

.editorconfig
他帮助我们配置了一下编辑器里一些语法。

.babelrc
我们的项目写的代码是 Vue 的单文件组件的写法，所以他需要通过 babel 这种语法解析器做一些语法上的转换，最终转换为浏览器能够编译执行的代码。

static 目录
放一些静态资源，一些静态的图片或者模拟的一些 json 数据。

node_modules 目录
放的是这个项目依赖的一些第三方的包。

src 目录
src 目录放的是整个项目的源代码。main.js 是整个项目的入口文件；App.vue 是项目最原始的那个根组件；router 目录下的 index.js 放这个项目的所有路由；components 里放的是项目里要用的小组件；assets 放的是项目里用到的一些图片类的资源。

config 目录
config 目录放的是一些项目的配置文件，基础的配置信息放在 index.js 中，开发环境的配置信息放在 dev.env.js 中，线上环境的配置信息放在 prod.env 中。

build 目录
build 目录放的是项目打包的 webpack 的一些配置内容：

webpack.base.conf：基础的 webpack 配置项。
webpack.dev.conf：开发环境中的 webpack 配置项。
webpack.prod.conf：线上环境中的 webpack 配置项。