超好用的VueJs除錯工具——vue-devtools

struggle_LZ發表於2018-05-20
檔案下載地址:https://github.com/datura-lj/vuedevtools


第一步

將下載好的檔案拖到chrome擴充欄中(更多工具=>擴充程式)

第二步

#######修改配置檔案:
win7目錄:C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0
如圖:


超好用的VueJs除錯工具——vue-devtools


開啟檔案“manifest.json ”修改引數(將false改成true),如下圖:

超好用的VueJs除錯工具——vue-devtools

第三步

開啟vue專案(npm run dev),按F12點選vue選項。如下圖:

超好用的VueJs除錯工具——vue-devtools

相關文章