- 找到vue-devtools項目,並將項目clone到本地 git clone github.com/vuejs/vue-d…
- 安裝項目須要的npm依賴包 npm install 或 cnpm install
- 編譯項目 npm run build
- 添加至chrome瀏覽器 瀏覽器地址欄中輸入 chrome://extensions/ 進入擴展程序頁面


點擊「加載已解壓的擴展程序」按鈕,選擇vue-devtools中的shells文件夾下的chrome文件夾。
vue

- 若是看不見「加載已解壓的擴展程序...」按鈕,則須要勾選「開發者模式」。