Vue3-devtools开发者工具安装方法

因为最近在学习Vue3,但是之前找到的Vue3-Devtools失效了,那就来下载安装下

下载安装

  • Github下载地址:Vue3-Devtools
    这个链接快点:Vue3-Devtools
    点击链接后页面如下


    点击main选项,下拉列表往下拉,找到你想要的版本,我这里选择的是v6.5.0

下载好了之后解压,解压之后是这个样子

注意由于devtools必须使用yarn进行下载,所以要下载yarn这个包管理工具,先把npm的地址换成国内的

shell 复制代码
npm config set registry https://registry.npm.taobao.org

查看修改是否成功

shell 复制代码
npm config get registry
结果:https://registry.npm.taobao.org/

运行下面的命令

shell 复制代码
npm install -g yarn
yarn install
yarn run build:watch

若出现下图所示的画面且没有其他反应的时候就按住Ctrl+C即可

执行

shell 复制代码
yarn run dev:chrome

出现如图所示的就可以Ctrl+C退出终端了

找你解压路径下的packages下的文件夹

添加扩展


相关推荐
濮水大叔3 小时前
在大型 Vue 项目中,如何有效管理复杂的状态?“散装版” vs “套装版”
前端·vue.js·typescript
laowang3574 小时前
依赖故障时,日志体系需要埋哪些关键节点才能快速定位是安装失败、解析失败还是运行时缺失?
前端·javascript·vue.js·webpack·node.js
大爱编程♡9 小时前
Vue3基础
前端·javascript·vue.js
志尊宝9 小时前
Vue3 环境搭建 + 第一个 HelloVue 项目(零基础入门)
vue.js·node.js·vue·css3
daols8811 小时前
vue 甘特图 vxe-gantt 实现双进度条:计划 vs 实际,支持多级子任务拆分
vue.js·甘特图·vxe-table·vxe-gantt
踩着两条虫1 天前
可视化 vs 终端 vs 云端:VTJ.PRO、Claude Code、Codex 三强横评
前端·vue.js·人工智能·低代码·架构
前端毕业班1 天前
uni-app 小程序支持 teleport 了
前端·javascript·vue.js
妙码生花1 天前
从 PHP 到 AI + Golang,程序员自救转型手记(二十一):网络请求封装优化
前端·javascript·vue.js
sowhat881 天前
Vue3+vite+Ts+pinia—第八章 生命周期
vue.js
这是个栗子1 天前
【Vue代码分析】 import.meta.env.DEV:现代前端工程中的环境变量
前端·javascript·vue.js·环境变量