vue-devtools安裝
手動(dòng)安裝
第一步:找到vue-devtools的github項(xiàng)目,并將其clone到本地. vue-devtools
git clone https://github.com/vuejs/vue-devtools.git
第二步:安裝項(xiàng)目所需要的npm包
npm install 如果太慢的話,可以安裝一個(gè)cnpm, 然后命令換成 cnpm install
第三步:編譯項(xiàng)目文件
npm run build
第四步:添加至chrome游覽器
游覽器輸入地址“chrome://extensions/”進(jìn)入擴(kuò)展程序頁面,點(diǎn)擊“加載已解壓的擴(kuò)展程序...”按鈕,選擇vue-devtools>shells下的chrome文件夾。
如果看不見“加載已解壓的擴(kuò)展程序...”按鈕,則需要勾選“開發(fā)者模式”。
第五步:添加至chrome游覽器
1.加載已解壓的擴(kuò)展程序

加載已解壓的擴(kuò)展程序.png
2.懸著編譯好的chrome

懸著編譯好的chrome.png
3.開發(fā)者模式--完成

clipboard.png