vue-devtools在google瀏覽器下安裝擴展

• 下載vue-devtools,地址: https://github.com/vuejs/vue-devtools

• 解壓到對應目錄,eg: D:\ProgramFiles\vue-devtools-dev

• 進入解壓的目錄中,npm install

npm install     #可能需要靜心等待一段時間

• npm run build

• 修改配置文件,D:\ProgramFiles\vue-devtools-dev\shells\chrome 目錄 manifest.json 文件，  "persistent": true

• Open Chrome extension page

• Check "developer mode"

• Click "load unpacked extension", and choose shells/chrome.

 

• 在插件目錄vue-tools下執行下面命令，這樣插件就會安裝在瀏覽器中了，以后再運行項目，就不需要再執行這個命令了。

npm run dev

• 驗證

• 如果后期vue面板不出來，再到vue-devtools文件夾下執行一遍npm run dev。