現在很多前端項目,用的是Vue,那麼我們在瀏覽器調試的時候,使用Vue插件,更便於我們調代碼。下邊我介紹一下在Chrome中添加Vue插件。
1、https://github.com/vuejs/vue-devtools 選擇master下載
2、將vue-devtools-master\shells\chrome裏的manifest.json文件的persistent的false改爲true
3、切換到所下載的插件文件夾下,也就是vue-devtools-master文件夾下,安裝依賴
cd D:\ChromeExtensions\vue-devtools-master
npm install
npm run build
成功後
然後在vue-devtools-master\shells\chrome\src路徑下可以看到與之對應的文件
補充
在install過程中出現下邊的錯,可以再重新安裝一次,也可以改用cnpm install
4、在網址欄裏輸入chrome://extensions/,進入Chrome的擴展程序頁面,並打開開發者模式
5、點擊加載已解壓的擴展程序,選擇vue-devtools-master\shells下的chrome文件夾
選擇後出現Vue.js