1. 程式人生 > >瀏覽器上安裝vue devtools

瀏覽器上安裝vue devtools

run 下載 window系統 ejs 瀏覽器 .json tools 模式 npm

安裝前要檢查一下node版本的(node -v),必須將版本提高到>4.4.7。低版本的node在安裝devtools時執行npm install 時報錯。如何升級node版本,若在window系統下只能下載node的安裝包進行重新安裝。查閱給出的方法是在mac系統或者linux下,window嘗試多次都是報錯,無奈只好重新下載安裝包安裝 node。

1.github下下載devtools源碼:

git clone https://github.com/vuejs/vue-devtools.git

2.在vue-devtools項目文件夾下執行npm install->npm run build

3.將shells/chrome/mainfest.json文件裏的persistent:flase 改為true

4.在新版谷歌,更多工具->擴展程序->勾選開發者模式->將上面的vue-devtools文件夾裏面的chrome文件直接拖進去,就成功了

技術分享

使用:打開vue項目,在控制臺上選則vue

瀏覽器上安裝vue devtools