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项目时,就可以像下图这样使用这个工具啦!!