mac安装vue-devtools(无报错版)

mac安装vue devtools(无报错版)

1.到github下载vue tool 的压缩包

正常的方法：git clone https://github.com/vuejs/vue-devtools 

但事实上这个方法不行，因为GitHub上vue-tool版本更新后正常方法操作一直会有问题，所以我们安装下面代码选择旧版本下载

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

 

2.在vue-devtools目录下安装依赖包

cd vue-devtools

sudo cnpm install

然后输入电脑密码

(加上sudo为了避免权限问题部分依赖无法安装）

 

3.修改manifest.json文件

 

把"persistent":false改成true

 

 

4.编译npm run build

编译成功界面如下

 

5.谷歌浏览器-->设置-->拓展程序

打开“开发者模式”，点击“加载已解压的拓展程序”，选择vue-devtool中的chrome文件夹，成功看见如下界面：

 

搞定！！

之后使用f12打开vue项目时，就可以像下图这样使用这个工具啦！！