Vue devTools的安裝(親測好用)

現在網上大多的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插件啦!

以上方法,親測好用,希望大家能少走彎路。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章