vue2.0 + vue-cli + vue-devtools安装教程
项目初始化
首先第一步我们需要安装vue-cli
通过官方手册的推荐，执行全局安装：
npm install --global vue-cli接下来直接利用vue init webpack ${project name}命令构建项目即可：
sh-3.2# vue init webpack project
? **Project name** hello-vue
? **Project description** A basic Vue2.0 program
? **Author** liumapp
? **Vue build** standalone
? **Install vue-router?** Yes
? **Use ESLint to lint your code?** Yes
? **Pick an ESLint preset** Standard
? **Setup unit tests with Karma + Mocha?** Yes
? **Setup e2e tests with Nightwatch?** Yes
vue-cli · Generated "project".
To get started:
cd project
npm install
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack构建完成后，一个基本的前端项目雏形就已经出来了，npm install和npm run dev这两个基本命令运行一下就没什么问题了。不过要注意一下，vue-router在项目构建之初就能够自动下载到项目中。
但是在npm install之前，建议将镜像设置为国内的：
npm config set registry https://registry.npm.taobao.org但是笔者有一段时间发现taobao的镜像也会出问题，换成这个似乎更好一点：
npm config set registry https://registry.npmjs.org在执行完npm run dev这个命令之后，我们就能够进入项目的demo页面。
默认地址为localhost:8080
vue-devtools
项目能够看到demo页面之后，我们下一步就是安装vue-devtools，用来调试vue。
直接进入vue-devtools的Git仓库
因为vue-devtools是一款浏览器插件，使用Chrome的同学，将需要翻墙去谷歌的应用商店进行下载。
插件安装的地址请在vue-devtools的README中寻找。
安装成功后，我们可以在Vue的页面中直接打开Console ，然后找到Vue这一栏即可开始使用vue-devtools，如图所示
