Chrome浏览器vue-devtools插件安装教程

1.打开vue-devtools主页

vue-devtools插件GitHub的地址为：https://github.com/vuejs/vue-devtools

 

2.Clone该repo到本地

首先保证你的电脑上安装了git和npm

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

3.npm install

>cd ....\vue-devtools

>npm install  （可以使用cnpm，npm容易报错）

4.build

>npm run build

我在安装的时候出现报错如下：

个人估计是cnpm install 没有安装好，手动安装vue-style-loader     cnpm install vue-style-loader --save-dev 再执行cnpm run build 执行成功

 

 

打开  shells-chrome-manifest.json文件修改 backageground---persistent为true，如下：

 

5.将该插件添加到chrome扩展程序

（1）打开chome扩展程序：更多工具>扩展程序

 

 

（2）勾选“开发者模式”

（3）点击“加载已解压的扩展程序...”

（4）选择vue-devtools目录下的“shells/chrome”

点击“确定”即添加成功。

原文：https://blog.csdn.net/xiangxiezhuren/article/details/79443455