1.上github網(wǎng)站搜索vue devtools
11.png
2.png
2.選擇Tags版本
3.png
3.下載代碼（ZIP）
4.png
4.安裝Vue-Devtools的依賴需要用到y(tǒng)arn
執(zhí)行命令：npm install -g yarn
5.png
5.安裝依賴
執(zhí)行命令：yarn install
這一步特別久唇敞，耐心等待
6.png
6.打包
執(zhí)行命令：yarn run build:watch
這里的打包命令是要加watch的
7.png
8.png
如果已經(jīng)不動(dòng)了铁追，那說明已經(jīng)打包完了胞谭，可以Ctrl+C退出了
7.執(zhí)行下一步命令：yarn run dev:chrome
如果不動(dòng)了桑腮，或者出現(xiàn)下面的界面后就可以Ctrl+C退出了
然后就是已經(jīng)編譯完成了
10.png
9.png](https://upload-images.jianshu.io/upload_images/19772162-69a5268342db8c53.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
或者打開擴(kuò)展程序缤削，然后點(diǎn)擊做上叫的加載已解壓的擴(kuò)展程序，然后devtools-6.5.0\packages\shell-chrome寞酿，加載shell-chrome（這個(gè)不用點(diǎn)擊進(jìn)去）祟敛，選擇這個(gè)文件夾就行了。
9.關(guān)閉瀏覽器佣蓉，重新打開
12.png
這個(gè)也是適用于vue3的版本披摄。
