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

添加扩展


相关推荐
醉酒的李白、2 小时前
Vue3 组件通信本质:Props 下发,Emits 回传
前端·javascript·vue.js
小眼哥3 小时前
SpringBoot整合Vue代码生成exe运行程序以及windows安装包
vue.js·windows·spring boot
徐小夕3 小时前
PDF无限制预览!Jit-Viewer V1.5.0开源文档预览神器正式发布
前端·vue.js·github
吴声子夜歌3 小时前
Vue.js——自定义指令
前端·vue.js·flutter
小芝麻咿呀4 小时前
vue--面试题第一部分
前端·javascript·vue.js
早起傻一天~G4 小时前
vue2+element-UI表格封装
javascript·vue.js·ui
Ruihong8 小时前
Vue v-bind 转 React:VuReact 怎么处理?
vue.js·react.js·面试
前端那点事10 小时前
Vue插槽用法全解析(Vue2+Vue3适配)| 组件复用必备
vue.js
Ruihong10 小时前
Vue v-on 在 React 中 VuReact 会如何实现?
vue.js·react.js·面试
|晴 天|10 小时前
实现草稿自动保存功能:5秒无操作自动保存
前端·vue.js·typescript