1. 程式人生 > >安裝Vue.js devtools

安裝Vue.js devtools

col board 技術 use type 瀏覽器中 shells 鼠標 build

1、下載安裝

https://github.com/vuejs/vue-devtools#vue-devtools 通過以上地址下載安裝包,解壓以後進入文件,按住shift,點擊鼠標右鍵打開命令窗口 技術分享圖片

技術分享圖片

2、安裝所需包並編譯運行項目

輸入命令

npm install(安裝所需要的npm包)

npm run build(編譯項目)

3、添加到瀏覽器中

打開chrome瀏覽器,選擇更多工具-->擴展程序

技術分享圖片

技術分享圖片技術分享圖片

選中開發者模式,點擊加載已解壓的擴展程序

技術分享圖片

找到壓縮包中的shells下的chrome,選中

技術分享圖片

vue.js devtools順利安裝

技術分享圖片

安裝Vue.js devtools