快速安装vue-devtools最新版本(vue开发者调试工具安装)

安装vue开发者调试工具vue-devtools的方法有几种:

方法一:通过谷歌浏览器的插件商店直接安装,该方法:

安装地址:

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

优点:安装最简单,版本新,且安装不会遇到奇奇怪怪的问题

缺点:插件商店需通过网络工具访问

方法二:通过github安装,到以下地址下载或者git clone项目

https://github.com/vuejs/vue-devtools

git clone方式下载:

git clone https://github.com/vuejs/vue-devtools.git

下载完成后到项目文件下执行以下命令(如果是压缩包,请先解压):

npm install
npm run build

 安装完成后,打开谷歌浏览器(chrome),到以下地址:

chrome://extensions/

打开开发者模式,并点击加载已解压的扩展程序,加载之前下载好的文件,完成。

优点:版本新

缺点:安装速度慢(虽然可以使用cnpm命令,但是要配置好tb镜像才能加快) ,容易出错

方法三:第三方提取的插件安装:

可以找各种插件镜像站下载安装,下载地址可参考:

https://blog.csdn.net/qq_38243612/article/details/89319807

在安装完成后遇到了插件损坏的错误,我就自己利用别的方法安装调试成功后,自己提取了最新版本的vue-devtools插件

文件在下载地址中的vue-devtools文件里:

https://cf-onedrive.elle.workers.dev/

下载解压后:

打开开发者模式,并点击加载已解压的扩展程序,加载之前下载好的文件,完成。

访问vue翻译站,按F12看控制台有没有VUE,有的话,安装成功了

https://cn.vuejs.org/

快速安装vue-devtools最新版本(vue开发者调试工具安装)_第1张图片

优点:版本新(上面地址会同步更新),安装方便

缺点:可能会有错误(虽然我提取后会测试,测试成功才放到网盘里,但是还可能存在未知bug)

如果想拥有我下载地址样式的网盘,可参考我的文章:

利用cloudflare works搭建个人网盘站——免费免服务器搭建基于onedrive的网盘站

https://blog.csdn.net/qq_38243612/article/details/105352680

如果出现not detected错误,本地文件调试vue不显示,可参考:

https://blog.csdn.net/qq_38243612/article/details/105501197

你可能感兴趣的:(chrome,vue,插件,vue-devtools,vue安装,vue-devtools最新,vue调试开发工具安装,安装vue-devtools)