Chrome添加Vue插件

現在很多前端項目，用的是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

6、在瀏覽器頁面裏可以看到Vue標識，如下圖，就代表安裝成功了