快速安装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.youkuaiyun.com/qq_38243612/article/details/89319807

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

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

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

下载解压后：

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

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

https://cn.vuejs.org/

优点：版本新（上面地址会同步更新），安装方便

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

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

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

https://blog.youkuaiyun.com/qq_38243612/article/details/105352680

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

https://blog.youkuaiyun.com/qq_38243612/article/details/105501197