Chrome安装Vue插件vue-devtools

安装Vue.js开发者工具(Vue DevTools)到Google Chrome浏览器的步骤可能会随着Vue DevTools更新和Chrome政策变化而有所调整。

1.从GitHub获取源代码:

访问Vue DevTools的GitHub仓库:https://github.com/vuejs/vue-devtools
根据仓库中的README.md文件指示,克隆或下载源代码。

2.准备和构建插件:

进入下载的源代码目录。

  • 安装必要的依赖项: 
     npm install 或者 yarn install
  • 编译和构建插件:
     npm run build 或者 yarn build

3.修改manifest.json(如果需要持久化加载插件):

在构建产物目录(通常是shell/chrome)中找到manifest.json文件。
将"persistent": false改为"persistent": true,这样DevTools会在浏览器重启后保持加载状态。

4.加载已解压的扩展程序:

打开Google Chrome浏览器。
进入chrome://extensions/页面(也可以通过更多工具 > 扩展程序菜单访问)。
启用开发者模式(如果尚未开启)。
点击“加载已解压的扩展程序”按钮,然后选择之前构建好的Vue DevTools插件的shell/chrome目录。 

请注意,在编写回答时,可能已经有预构建好的Vue DevTools插件可以直接从Chrome网上应用店进行安装,或者提供了打包好的CRX文件供直接拖拽安装。请务必查阅最新的官方文档或Vue DevTools仓库中的安装说明来进行安装。 

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

马卫斌 前端工程师

你的鼓励是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值