谷歌添加vue开发工具插件

谷歌添加vue开发工具插件

下载到本地

git clone https://gitee.com/zhang_banglong/vue-devtools.git 

cmd到vue-devtools下，运行下列命令

//淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
//安装
npm install
//运行
npm run build

如果报错可以参考文章尾部的附加

点击谷歌浏览器设置

点击扩展程序

点击加载已解压的扩展程序

选择谷歌插件位置，在 D:\Google plugin\vue-devtools\shells路径下

这个错误不予理会

之前安装的时候并未报错，谷歌更新后报的，推测是谷歌兼容问题。能用即可

附加

 //选择npm版本
 npm install -g npm@8.7.0  // 8.7.0即为使用的版本  6.14.14

//注册镜像
npm config set registry https://registry.npm.taobao.org

 //执行npm install一直报错解决办法
 npm set registry https://registry.npm.taobao.org # 注册模块镜像
 npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像
 npm cache clean --force # 清空缓存
 npm install -g cnpm --registry=https://registry.npm.taobao.org
 本人只使用了第三步清空缓存就OK了

参考链接

这次安装花了将近一天时间，后面还找前端同事帮忙。

第一次安装就成功了，后面怎么装都是 npm install卡住，看了清空缓存命令才恍然大悟，有可能就是缓存问题。