首页 > 上网技巧 > 电脑小技巧 > mac安装vue-devtools

mac安装vue-devtools

时间:2020-09-25 21:39 作者:QQ地带 我要评论

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

标签: Mac
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告