vue-devtools使用指导

vue-devtools

Vue-devtools是一款基于chrome浏览器的插件，用于调试vue应用。

目前有两种方式可以安装：

• 通过谷歌应用商店安装 vue-devtools 扩展程序；
• 把本地已有的扩展程序文件添加到谷歌浏览器的扩展程序里；

一、应用商店下载

https://chrome.zzzmh.cn/info?token=ljjemllljcmogpfapbkkighbhhppjdbg

不能访问谷歌应用商店的可以在以上网址直接下载

解压下载的文件，将xxx.crx文件拖动安装到谷歌浏览器；

以下为安装成功：

二、github下载

github网址： https://github.com/vuejs/devtools/tree/add-remote-devtools

在解压目录下依次执行以下命令：

npm install

npm run build

出现以上结果，为编译成功！

在谷歌浏览器中找更多工具–>扩展程序–>加载已解压的扩展程序，接着选择找到刚才解压的文件夹 ，目录层级为：devtools-add-remote-devtools–>shells–>chrome。

三、使用

安装完，在以下目录中，需要修改manifest.json里的属性，将persistent改为true

C:\Users\Lenovo\AppData\Local\Google\Chrome\User Data\Default\Extensions

安装成功会出现以下画面：

注意：vue3只能使用beta的crx文件