vue 脚手架目录

目录结构

这里捎带 脚手架的目录介绍，如果已经了解，轻飘过

一级目录

build: webpack 配置相关的目录，webpack 配置文件，已经配置好，如果想研究 webpack 可以基于这个进行研究

config: webpack 配置相关的目录

node_modules: npm install 安装的依赖代码库，这个不能动里面的代码，是根据 package.json 下载的依赖

src: 存放源码，我们的 vue 组件目录，自己开发的页面都在这里。

staic: 存放第三方静态资源的目录

一级文件：

.babelrc: babel的一些配置，(将es6编译成es5的一些配置)，开发时不用管，想学的可以学习。

.editorconfig: 编辑器的一些配置(包括编码格式，缩进风格，换行格式)，不用管。

.eslintignore: 不用管，说的是哪些不进行 eslint 代码格式检查。

.eslintrc.js: 不用管， eslint的配置文件，主要是定义一些代码编写风格的规则。这个 eslint 可以关掉，也可以应用进行统一的代码风格设置。

在 webstrom 上有一键设置代码风格，根据 eslint 进行代码格式设置。

.gitignore: 配置Git仓库忽略的一些文件(不会上传)，git 哪些不上传，很简单，不用管

index.html: 入口html 文件。当然这个是最重要的文件，所有的代码，最终都会打包到这个文件，进行发布，不过打包的过程已经被 webpack 承包了，这个不用管，只有特别的设置时需要整理。

package.json: 项目的依赖，需要的依赖都在这里。还有运行的命令配置，比如，

npm run dev

就是在这里配置的。