現在網上大多的Vue devTools的安裝教程都不能用,折騰了一下午,終於搞好了
1. Vue devTools的下載地址:https://github.com/vuejs/vue-devtools
選擇紅框中的點擊下載
2. 下載解壓好後,打開cmd進入解壓後的vue-devtools文件夾
3. 輸入以下代碼,切換到淘寶鏡像
yarn config set registry https://registry.npm.taobao.org/
4. 按步驟執行以下代碼
yarn install
yarn run build
5. 執行成功後打開vue-devtools下的packages文件夾下的shell-chrome文件夾,選擇manifest.json文件,打開後修改persistent值爲true
6. 打開谷歌瀏覽器,進入擴展程序頁面,打開右上角的開發者模式,點擊左上角“加載已解壓的擴展程序”按鈕,選擇vue-devtools下的packages文件夾下的shell-chrome文件夾,點擊確定,至此,插件安裝完成。
7. 運行自己本地的vue程序,即可使用vue-devtools插件啦!
以上方法,親測好用,希望大家能少走彎路。