一、拖拽 Vue.js devtools 发现被阻止安装
遇到的问题
拖拽下载好的 Vue.js devtools 插件到谷歌扩展程序,
百度网盘下载地址
链接:https://pan.baidu.com/s/1FeK6pwc2UzRUUlMFN3rW5w?pwd=w361
提取码:w361
提示:
解决办法
- 将Vue.js devtools 插件的后缀从.crx改为.zip
2、用解压软件进行解压
解压后的内容包括
3、将解压后的文件拖入chrom的扩展程序中
此时,不再提示恶意扩展程序字样
效果展示
此时可正常使用
二、从github下载安装devtools工具
官网下载地址:GitHub - vuejs/devtools: https://github.com/vuejs/devtools
下载完后,在vscode打开
依次执行以下命令:
npm install -g yarn
yarn install
yarn run build:watch
yarn run dev:chrome
出现下面的界面后就可以Ctrl+C退出终端了:
此时,Vue-Devtools目录下,生成了 build目录:
在谷歌浏览器中,添加扩展程序:
发现成功了