谷歌google安装vue插件,(npm安装)避坑指南

我自己找了很多方法都没build成功遇到各种问题,看到一个视频按照操作就成功了,记录一下,以供以后回顾用(有疏漏的地方,还请看到的同学指出,尽快修改 省得误导了同学们).

我遇到的坑:不是管理员运行的npm install 和npm run build

链接:

https://github.com/vuejs/devtools

vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. (github.com)https://github.com/vuejs/devtools默认是main分支,需要切换到add-remote-dev,然后点击下载压缩包zip,解压到某位置(不能删除)

 

 解压之后管理员运行cmd命令提示符窗口,cd C:\********\devtools-add-remote-devtools,到你解压的目录,然后输入npm i 回车,输入npm run build回车(不成功可以试着把npm镜像改为taobao镜像,自行百度)

成功之后就可以在谷歌浏览器中更多工具-扩展程序-(需要打开开发者模式)-加载已解压的扩展程序,选择(devtools-add-remote-devtools\shells\chrome)chrome整个文件夹就成功了