vue-devtools的安装方法

1.到github下载（注意有时候会下载不了，我也是试过了好多次，才终于下载成功，而且下载的时候速度也比较慢）：

git clone https://github.com/vuejs/vue-devtools

2.下载完成后，进入vue-devtools目录，并切换分支：

cd vue-devtools

可看到当前的分支显示为dev分支，接着切换到master主分支：

git checkout master

执行完后可看到当前已切换至master分支；

3.安装依赖包(安装依赖包有时候很慢，也有可能下载失败，反正我是下载失败了，大家可以自行试试)：

npm install

4.安装完依赖包后，再运行 进行编译生成：

npm run build

5.编译完成后，修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 将 persistent 参数改为 true。

6.将扩展程序添加到chrome浏览器：

 ①打开浏览器扩展程序（也可以直接在地址栏输入 chrome://extensions/  来打开）；

 ②打开扩展程序后，开启 开发者模式，点击 加载已解压的扩展程序 按钮；

 ③选择 vue-devtools > shells 目录下的 Chrome 文件夹，加载成功后，先启用，然后点击旁边的刷新按钮，浏览器右上角就会出现一个Vue的logo图标；

7.到此调试工具安装完成。

需要注意的是：

1.安装完成后需要关闭浏览器，再打开才会生效；

2.vue调试工具请在开发模式下使用，生产环境中不行。即 vue.min.js 文件下，调试工具无效。

 

最后最后，也是最重要的，如果自己实在没办法下载也编译不了，那么可直接下载chrome文件即可。chrome文件获取地址，提取码为：fh5d。