vue开发中使用vue-devtools Mac版手动安装方法

本文详细介绍了在Mac上手动安装Vue-devtools的四个步骤:下载源文件、修改manifest.json、复制到Chrome插件文件夹及添加到浏览器扩展。安装完成后,注意Vue.js的版本问题,压缩版vue.min.js可能导致Vue.js未被检测到,需要引入vue.js。作者分享了个人安装经验,此方法经验证可行。
摘要由CSDN通过智能技术生成

废话就不多说,直接上安装步骤,一步一步来 => success

1.下载安装vue-devtools源文件

mkdir vuetools
cd vuetools
git clone https://github.com/vuejs/vue-devtools.git
cd vue-devtools
npm install --registry=https://registry.npm.taobao.org
npm run build

2.修改manifest.json文件

cd vue-devtools
cd shells
cd chrome
vi manifest.json
// 修改persistent为true。

3.将vue-devtools文件夹复制到Chrome插件文件夹中

// 大致在这个路径下:
~/Library/Application Support/Google/Chrome/Default

// vue-devtools文件夹复制到Default下

// mac上找路径犯难了,可以随便打开一个文件  顶部 前往>前往文件夹>路径

4.将vue-devtools文件夹添加到浏览器扩展

// 在Chrome地址栏输入  chrome://extensions/
// 进入扩展程序页面,将文件夹
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值