不少人都想下載?vue-devtools插件，但又不會(huì)做，今天我做個(gè)比較詳細(xì)的筆記
查看當(dāng)前的devtools的版本可以去這個(gè)網(wǎng)站看右側(cè)的個(gè)v幾點(diǎn)幾的，就是版本號(hào)
https://github.com/vuejs/devtools
目錄
第一個(gè)方法：使用極簡插件
第一步：查找極簡插件
第二步：搜索vue-devtools
?第三步：點(diǎn)擊推薦下載
第四步：解壓安裝???????
第二個(gè)方法：在github下載
第一步：下載yarn（未下載yarm的從這開始）
第二步：驗(yàn)證yarn是否安裝成功
第三步：再次查看yarn是否正常使用
第四步：從hithub下載devtools（已下yarn可直跳到這步）
?第五步：找到evtools文件夾的路徑
?第六步：初始化
?第七步：解包
?第八步：安裝
第九步：使用
第一個(gè)方法：使用極簡插件
這個(gè)方法比第二個(gè)方法簡單的多，但不是官網(wǎng)放上去的，只是別把編譯好的文件放上來方便我們使用
第一步：查找極簡插件
通過下面的鏈接去極簡插件網(wǎng)站
極簡插件
第二步：搜索vue-devtools
搜索vue就出來了，搜索vue-devtools(以前可以)反而出不來，網(wǎng)站版本不一樣，情況可能不一樣
?第三步：點(diǎn)擊推薦下載
第四步：解壓安裝
解壓下載的文件后按下面的步驟進(jìn)行,
這也可能會(huì)不一樣，不過可以統(tǒng)一到設(shè)置里找到擴(kuò)展程序也行
然后把解壓好的文件拖動(dòng)到瀏覽器擴(kuò)展程序內(nèi)就行了，后面就是和第二個(gè)方法的使用步驟是一樣的。
第九步：使用
第二個(gè)方法：在github下載
這個(gè)是查看了簡書的出處的，本人只是做一個(gè)補(bǔ)充，或直觀點(diǎn)感受
作者：hemiao3000
鏈接：編譯安裝 vue-devtools
來源：簡書
本人使用的node是 -- 16.17.1? 版本
下載yarn是 -- 1.22.19 版本
下載vue-devtools是 -- 6.4.4?版本
注：后面有對(duì)應(yīng)的圖片教程，一步步來就行
第一步：下載yarn（未下載yarm的從這開始）
編譯安裝 vue-devtools要用到y(tǒng)arn
打開cmd 或??windows PowerShell，建議是打開windows PowerShell（不要說你不會(huì)打開）
知道要用這個(gè)插件的應(yīng)該都下載過node了，而node自帶npm
npm install -g yarn第二步：驗(yàn)證yarn是否安裝成功
安裝完畢后，可直接執(zhí)行?yarn -v?命令查看 yarn 的版本，以驗(yàn)證是否安裝成功
yarn -v 第三步：再次查看yarn是否正常使用
查看 yarn 全局安裝的命令的源碼路徑和二進(jìn)制執(zhí)行文件路徑：
yarn global dir
yarn global bin
注意，和 npm 一樣，這兩個(gè)路徑和局部安裝無關(guān)。
然后是?Vue.js devtools 下載編譯安裝使用發(fā)
第四步：從hithub下載devtools（已下yarn可直跳到這步）
git clone https://github.com/vuejs/vue-devtools.git ?第五步：找到evtools文件夾的路徑
這一步有可能一些人路徑不是這個(gè)，要自己找
cd C:\Windows\System32\vue-devtools?第六步：初始化
yarn install?圖片中把第一步分為三步
?第七步：解包
yarn run build
?第八步：安裝
只要完成上面的，下面的問題就不大了
?
?
作者的路徑是下面這個(gè)，如果你的不是，可以通過搜索 vue-devtools 來找到
?C:\Windows\System32\vue-devtools\packages\shell-chrome?
第九步：使用
?
?
文章來源：http://www.zghlxwxcb.cn/news/detail-839894.html
?完成對(duì)vue-devtools的下載、編譯、安裝、使用，如果有錯(cuò)誤做不出來，還是找到我看的這個(gè)文章編譯安裝 vue-devtools看看，我也是從這學(xué)的，說不定有幫助。文章來源地址http://www.zghlxwxcb.cn/news/detail-839894.html
到了這里，關(guān)于下載、編譯、安裝、使用 vue-devtools的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
