一、前置环境(已安装好node,npm)

二、获取工具项目

文件 · dev · mirrors / vuejs / vue-devtools · GitCode⚙️ Browser devtools extension for debugging Vue.js applications. 🚀 Github 镜像仓库 🚀 源项目地址 https://gitcode.net/mirrors/vuejs/vue-devtools/-/tree/devhttps://github.com/vuejs/devtoolsicon-default.png?t=M0H8https://github.com/vuejs/devtools这两地址都可以,直接下载压缩包或者拉代码下来都可以

 三、进入项目,执行命令

//安装所需要的依赖
npm install
//构建(如果未执行此步,shells->chrome文件夹下会缺少build文件夹)
npm run build

 四、进入shells->chrome,配置manifest.json文件将persistent 将状态改成true(默认false)

五、在chrome浏览器中找到扩展程序,打开开发者模式后点击加载已解压的扩展程序,选择刚刚项目里的chrome文件夹

 安装完成

六、开启插件,关闭浏览器重新打开

 

 

 

Logo

前往低代码交流专区

更多推荐