安裝vue-devtools

• 一、拉取項目
• 二、install、build
• 三、添加擴展
• 四、使用舉例

一、拉取項目

vue-devtools：git地址（master分支）
非master分支在build的時候會報錯。

二、install、build

1、打開cmd進入項目目錄，可以選擇npm/cnpm/yarn 進行install；如果有類似503等錯誤可能需要刪掉node_modules嘗重試幾次。

npm install

---

cnpm install

---

yarn install

2、然后輸入

npm run build

---

cnpm run build

---

yarn run build

三、添加擴展

1、打開Chrome擴展頁面（更多工具> 擴展程序）
2、打開右上角“開發者模式”
3、加載已解壓的擴展程序 -> 選擇剛剛編譯好的文件： vue-devtools-master\shells\chrome
4、重啟瀏覽器，F12查看。

四、使用舉例

vue-devtools使用舉例

總結

以上是生活随笔為你收集整理的给谷歌浏览器安装vue调试工具:vue-devtools的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。