Vue Devtools的安装

最近在学习Vue，因为安装调试工具Vue Devtools的时候碰到了些问题。

因为不能直接在谷歌的扩展程序中直接搜索devtools来安装该工具，通过上网搜索资料，参考一些资料后解决这个问题。在这记录一下。

具体步骤如下：

1 在github上下载压缩包，地址是： https://github.com/vuejs/vue-devtools

2 下载完成后解压到本地某盘中，解压后文件夹是

 

3 进入到vue-devtools-master文件夹下（此时默认我们已经安装了node的npm），用npm安装

　　1、$ cnpm install  （cnpm是npm的镜像，需要一点时间）

　　2、$ cnpm run build

4 修改vue-devtools-master\shells\chrome\mainifest.json 中的persistant为true,即：

5 打开谷歌浏览器，找到扩展程序，在页面上勾选 -  开发者模式，然后把vue-devtools-master\shells下面的chrome文件夹直接拖拽到页面上安装

6 打开自己的vue项目，如果是有vue-cli构建的项目，执行npm run dev,打开http://localhost:8080/ 服务器调试地址；按F12进入调试页面。至此devtools的安装完成；