天天看點

vue調試工具vue-devtools的安裝使用

  1. 在github上下載下傳vue-devtools插件 https://github.com/vuejs/vue-devtools 或者在github官網搜尋vue-devtools 并下載下傳
  2. cmd 進入vue-devtools目錄,在vue-devtools目錄下安裝依賴包
  3. npm install

    npm run build

    (這一步一定不要忘了,沒有執行這一步的話,項目檔案夾shells>chrome檔案夾裡會少一個src檔案夾,并且會報錯 無法加載背景腳本“build/background.js”。)
  4. 修改shells>chrome檔案夾下的mainifest.json 中的persistent為true
  5. 點開谷歌的擴充程式,開發者模式打開,加載已解壓的擴充程式
  6. 找到vue-devtools目錄下的shells下的chrome檔案夾選中,添加進去 就可以啦

繼續閱讀