瀏覽器上安裝vue devtools

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

1.github下下載devtools源碼:node

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

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

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

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

 

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

相關文章
相關標籤/搜索