vue devtools安裝及使用

1.安裝

1. 從 github.com/vuejs/vue-d… clone項目到本地

git clone github.com/vuejs/vue-d…

2. 進入項目

cd vue-devtools

3. 安裝依賴包

npm install || cnpm install

4. 修改文件

vue-devtools/shells/chrome/manifest.json

"background": {
    "scripts": [
      "build/background.js"
    ],
    "persistent": true  //將false改成true
  },
複製代碼

5. 打包

npm run build

6. 打開chrome下的擴展程序,啓用開發者模式,單擊"加載解壓縮的擴展名",選擇shells/chrome便可

1. 若是頁面使用Vue.js的生產/縮小版本，則默認狀況下禁用devtools檢查，所以Vue窗格不會顯示。
2. 要使其適用於經過file://協議打開的網頁，您須要在Chrome的擴展程序管理面板中選中此擴展程序的「容許訪問文件網址」。