Google浏览器上安装 Vue Devtools

第一步：到github上下载devtool压缩包，地址：
https://github.com/vuejs/vue-devtools
解压后我们得到vue-devtools-master文件夹，在文件夹里打开cmd命令行，依次输入npm install 命令与npm run build 命令，速度较慢，为了加快速度，我们安装一下淘宝镜像（PS：淘宝把外网的东西下载好了，放在它的服务器上，使我们能够高速下载，这就是镜像）安装命令为：

npm install -g cnpm –registry=http://registry.npm.taobao.org

此时我们就可以用cnpm install 与 cnpm run build 代替了。
成功界面如下：

第二步：打开shells>chrome>manifest.json，把json文件里的”persistent”:false改成true

第三步：打开Google浏览器打开 更多工具—>拓展程序—>开发者模式—>加载已解压的拓展程序，把shells目录下的chrome文件夹加进去

当我们得到这样的画面时就代表安装成功啦，可以打开你的vue项目，控制台点开vue可查看组件信息，如果是有vue-cli构建的项目，执行npm run dev,打开http://localhost:8080/ 服务器调试地址

注意若没有执行npm run build命令，就会出现这样的错误：

我们来看一下npm run build这个命令做了什么，打开package.json这个文件，可以看到配置了build属性，而执行的是后面长串的代码，所以相当于用简短易懂的build来代替长串代码，实现命令的快捷方式。