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下的文件夹

添加扩展


相关推荐
harrain1 小时前
antvG2折线图和区间range标记同时绘制
前端·javascript·vue.js·antv·g2
网络点点滴2 小时前
组件通信-作用域插槽
前端·javascript·vue.js
Luna-player3 小时前
Vue3中使用vue-awesome-swiper
前端·vue.js·arcgis
SuperEugene4 小时前
Vue3 Pinia 状态管理规范:状态拆分、Actions 写法、持久化实战,避坑状态污染|状态管理与路由规范篇
前端·javascript·vue.js·前端框架·pinia
送鱼的老默5 小时前
学习笔记--vue3 watchEffect监听的各种姿势用法和总结
前端·vue.js
angerdream5 小时前
最新版vue3+TypeScript开发入门到实战教程之路由详解
前端·javascript·vue.js
送鱼的老默6 小时前
学习笔记--vue3 watch监听的各种姿势用法和总结
前端·vue.js
掘金者阿豪9 小时前
在AI时代,没有人是“只写一行代码的人”——我们为何都在被迫成为全栈?
vue.js·后端
英俊潇洒美少年9 小时前
JS 事件循环(宏/微任务) ↔ Vue ↔ React** 三者的关系
javascript·vue.js·react.js
烈焰飞鸟9 小时前
iconfont 在 uni-app 项目中的完整使用指南
vue.js·uni-app·iconfont