解決游覽器安裝Vue.js devtools插件無效的問題

一： 打開自己寫的一個vue.js網頁，發現這個圖標並沒有亮起來，還是灰色

解決方案：  

　　 1、我們先看看Vue.js devtools是否生效，打開Bilibili（https://www.bilibili.com/，B站是用的vue），如果發現這個圖標變綠了，說明Vue.js devtools是能用的。否則建議卸載重裝

　　 2、先再拓展程序中找到  Vue.js devtools ， 點擊詳情信息 ， 找到允許訪問文件網址， 打開開關 ，就可以了

二：  打開自己寫的一個vue.js網頁，游覽器上圖標有了 ，但是控制台不顯示

 

問題原因： 沒顯示調試工具的原因是用了生產環境的版本或是壓縮的vue版本，或是沒有勾選

解決方案：  

　　在項目入口文件（main.js）引入

Vue.config.devtools = true;