1. 程式人生 > >chrome瀏器外掛vue的離線安裝

chrome瀏器外掛vue的離線安裝

  首先建議下載安裝最新版本的chrome瀏覽器

1.下載vue外掛原始碼

  開啟網址https://github.com/vuejs/vue-devtools,下載後是:vue-devtools-dev.zip,然後解壓。

2.下載vue外掛的相關依賴

  首先cd到vue-devtools-dev目錄,然後cnpm install下載依賴,可能會要很長時間。

然後輸入cnpm run build編譯,完成後,編輯vue-devtools-dev\shells\chrome中的manifest.json檔案,把persistent的值改為 true

3.安裝vue外掛到chorme瀏覽器

  開啟chrome瀏覽器,開啟更多工具>擴充套件程式。(或者直接在位址列輸入chrome://extensions)。

  開啟開發者模式,如下圖

然後載入擴充套件程式(即選擇vue-devtools-dev\shells下的chrome目錄)

在chrome瀏覽器按F12調式vue的時候,在工具欄可以看到Vue了