vue-devtools 各版本安装

本文介绍了Vue.js开发工具Chrome扩展的下载方法。先给出Chrome扩展程序地址,然后从GitHub下载对应版本压缩包,针对不同版本(vue2、vue3及6.2以上)分别说明了在终端执行的命令,最后将shell - chrome文件夹拖入扩展程序,运行时需刷新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

chrome 扩展程序地址  Chrome://extensions

到GitHub下载压缩包

GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

在main下tags选择对应的版本号 

5.3.4及以下版本为vue2版本

  1. 下载压缩包解压
  2. 在终端运行 npm i 或者 yarn (推荐使用yarn,快多了,没有的话执行npm install yarn -g) 
  3. 上个命令结束后执行yarn run build
  4. 打开Chrome扩展程序,打开开发者模式
  5. 找到文件vue-devtools/packages/shell-chrome/
  6. 把shell-chrome整个拖入扩展程序

 

 

6.0及6.1.4版本为vue3版本 

  1. 下载压缩包解压
  2. 在终端运行 npm i 或者 yarn (推荐使用yarn,快多了,没有的话执行npm install yarn -g) 
  3. 上个命令结束后执行yarn run build:watch
  4. 在执行yarn run dev:chrome
  5. 找到文件vue-devtools/packages/shell-chrome
  6. 把shell-chrome整个拖入扩展程序

6.2版本及以上可支持所有版本(功能齐全,监听整个项目版本,我运行的时候感觉有点卡) 

 执行命令同vue3版本

 

 这样就下载好了,运行时记得刷新一下,不然在开发者工具里找不到vue

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值