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)不動了，那說明已經(jīng)打包完了，可以Ctrl+C退出了

7.執(zhí)行下一步命令：yarn run dev:chrome

如果不動了，或者出現(xiàn)下面的界面后就可以Ctrl+C退出了
然后就是已經(jīng)編譯完成了
![8.png](https://upload-images.jianshu.io/upload_images/19772162-3ceef9265b2d8751.png?

10.png

9.關(guān)閉瀏覽器，重新打開

12.png

這個也是適用于vue3的版本。