chrome瀏覽器添加vue-devtools擴展

1,在百度網盤中下載壓縮包,網盤地址:https://pan.baidu.com/s/1i6UdvCD,密碼:nvfevue

2,將壓縮包解壓到F盤,F:\chromeVue插件chrome

3,複製文件地址,F:\chromeVue插件\vue-devtools-mastershell

4,打開cmd命令,進入F盤,而後進入到vue-devtools-master文件中,命令:cd  F:\chromeVue插件\vue-devtools-masternpm

5,在npm中執行命令,(我這邊安裝了鏡像,因此是cnpm)json

6,執行 cnpm install 瀏覽器

7,執行 cnpm run build. 工具

8,將manifest.json文件打開,找到background中的「persistent」,改成true,文件在這裏:F:\chromeVue插件\vue-devtools-master\shells\chromeui

9,打開你的谷歌瀏覽器,在更多工具中點擊擴展程序,而後在出現的頁面中勾選開發者模式,點擊加載你的解壓好的包,選擇F:\chromeVue插件\vue-devtools-master\shells下的chrome,如圖:插件

 

 

10,運行項目,打開chrome的開發者模式F12,就會看到vue擴展,如圖blog

相關文章
相關標籤/搜索