Vue-cli

Vue-cli是Vue的脚手架工具，脚手架就是用来帮助我们编写好vue.js基础代码的工具，可以帮我们搞定好目录结构，本地调试，代码部署，热加载，单元测试。

1. windows下的安装命令

npm install -g vue-cli

2. 使用vue-cli初始化项目

vue init webpack my-project

3. 进到目录

cd my-project

4. 安装依赖

npm install

5. 开始运行

npm run dev

下面我们来看看安装后都有哪些文件

我们先来看看一级目录，build和config：这里面都是webpack配置相关；

node_modules文件夹：npm install安装的依赖代码库；
src文件夹：存放项目源码，我们开发的代码都会放在src目录下；
static文件夹：存放第三方静态资源的，这里面只有一个文件，它的作用是你的目录为空也可以提交到git仓库里，通常你的创建一个空目录，git会忽略你这个目录，它是不会提交到仓库的；

.babelrc：是babel的一些配置，因为我们的代码都是ES6，很多浏览器不支持ES6语法，所以通常我们的做法是把ES6通过babel编译成ES5；
.editorconfig：编辑器的配置；
.eslintignore：忽略对build和config目录文件做语法检查；
.eslintrc.js：eslint的配置文件；
.gitignore：git仓库会忽略掉这些文件和目录；
index.html：入口页面；
package.json：项目配置文件；
README.md：项目的描述文件；