快速安裝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/

優點：版本新（上面地址會同步更新），安裝方便

缺點：可能會有錯誤（雖然我提取後會測試，測試成功才放到網盤裏，但是還可能存在未知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