vue-devtools的安裝與使用


安裝 vue.js devtools 

vue官方中文文檔:http://www.uihtm.com/vue/v2/guide/index.html#

安裝 vue.js devtools 前提是Google瀏覽器已經安裝谷歌訪問助手,可以正常訪問到谷歌商店,沒有安裝的話,可以去安裝下谷歌訪問助手,鏈接如下:

https://jingyan.baidu.com/article/63f236287f16c50208ab3d98.html

安裝好vue.js devtools,會出現一個小圖標,發現打開vue項目時,這個圖標是灰色的

提示:“vue.js not detected”

解決方法:

1.需要找到Google瀏覽器剛剛安裝vue.js devtools 插件的目錄,因為我是win7,win7路徑如下:C:\Users\用戶名\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\5.1.0_0

2.參考:http://chromecj.com/utilities/2018-12/1653.html

修改之后,重新刷新之前打開的vue項目,

你會發現,報了一個這樣的錯:

Vue.js is detected on this page. Open DevTools and look for the Vue panel.

翻譯過來就是:在此頁上檢測到Vue.js,打開devtools並查找vue面板

  解決方法:在你的Vue項目的main.js中加入這段代碼:Vue.config.devtools = true

 

ctrl+s,再刷新Google瀏覽器,你會發現,F12多了一個Vue選項,打開這個選項,成了

 


免責聲明!

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



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