vuedevtools插件安装

Posted 2021-05-20 gsls200808

目前vuedevtools插件安装主要有三种方式，选择适合自己的方式即可

1.在线安装

众所周知，国内网络环境比较难按，如果能安的话还是推荐在线安装

在线安装地址：https://chrome.google.com/webstore/detail/nhdogjmejiglipccpnnnanhbledajbpd

2.离线crx方式安装

通过下载crx方式，解压后，打开开发者模式加载文件夹的方式进行安装，常见的离线插件下载网站如下，都可以找到vuetools，离线下载主要难解决的是信任问题，如果官网能提供crx离线包更好，插件是否有篡改自辨。

1、极简插件
https://chrome.zzzmh.cn/
2、chromeFK
http://www.chromefk.com/
3、GugeApps
https://www.gugeapps.net/
4、chrome666
https://www.chrome666.com/
5、收藏猫
https://chrome.pictureknow.com/

3.github手动安装

这个相当于自己编译插件进行安装，虽然安装及其耗时，但是解决了信任问题

1.下载
https://github.com/vuejs/vue-devtools
下载zip包
2.编译
npm install
npm run build
3.修改插件选项
shells>chrome>manifest.json并把json文件里的"persistent":false改成"persistent":true
4.打开插件开发者模式加载编译后的shells>chrome文件夹安装。

第三种方法第一二步就是在磨练人的心智。安装时间在几分钟到几小时不等，取决于网络环境，追求速度或者教学演示的话还是用第二种吧。