vue-devtools安装教程

一、前置环境（已安装好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/devtoolshttps://github.com/vuejs/devtools这两地址都可以,直接下载压缩包或者拉代码下来都可以

 三、进入项目，执行命令

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

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

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

 安装完成

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