vue-devtools(vue 2.0)手動安裝與使用 ? 如何處理Vue.js is detected on this page ?


vue-devtools手動安裝與使用
 
  一.在github上下載壓縮包,github下載地址:https://github.com/vuejs/vue-devtools

  二.解壓到本地的某盤

  三.用你的npm中進入該文件夾下

  四.依次輸:
    1:cnpm install
     2:cnpm run build (這一步一定不要忘了,沒有執行這一步的話,項目文件夾shells>chrome文件夾里會少一個src文件夾)

  五:修改shells>chrome文件夾下的mainifest.json 中的persistant為true
  "background": {
    "scripts": [ "build/background.js" ],
     "persistent": true
  },

六:我們找到谷歌瀏覽器的擴展程序功能,勾選開發者模式,然后我們將插件文件夾里的shells>chorme文件夾直接拖到頁面中,完成安裝。
  
七:chrome 打開開發模式即可
  
 
注意:
  1.如果我們沒有執行第四部的npm run build,在這里會報錯:無法加載背景腳本"build/background.js
  2.Vue.js is detected on this page. 如何處理?
    官方說:Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
    意思就是:引用的vue.js應該使用vue.js(開發版本)而不是vue.min.js(生成版本)。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM