如何看懂vue项目目录？

用脚手架搭建vue项目后，会自动生成如下目录：

Package.json：主要看dev和build属性。

（Npm run build 指令，执行的是node build/build.js，rm删除已经打包的dist文件夹，之后再通过webpack，拿到webpack配置信息（合并基础配置base.js+prid.js），重新打包）
（以前js文件只能运行在浏览器上面，想要在服务器上运行js文件，则需要node环境，node提供了谷歌v8引擎，直接把js代码翻译成二进制代码）
（npm run dev 指令，执行的是webpack.dev.conf.js 开发配置指令）。

Build： 主要是webpack的配置，执行开发环境和生产环境的配置；

Config：给项目做配置，定义项目的一些变量。比如主机，端口，是否开启浏览器。Index.js文件主要配置了两个属性的配置，一个是生产时变量dev，一个是开发时变量build；

Src: 以后开发写的代码。

Static： 不会被打包，会原封不动放到打包后生成的dist文件夹。.gitkeep表示即使static为空，也要把static放到dist文件夹。

.babelrc: es6转es5时的配置文件。了解

.editorconfig: 对代码风格进行配置（charset，indent_style等）

.eslintignore: 忽略eslint检查的文件夹。

.gitignore: git上传时忽略的文件

Index.html 模板代码，放到dist文件夹。