[轉]關於安裝了Vue-devtools插件但在瀏覽器控制台不顯示的解決方案

Google瀏覽器中開發調試的時候，右上角出現vue的圖標，但是在開發者工具中沒有出現vue調試（已在擴展程序中安裝 Vue Devtools）

控制台卻沒有。

錯誤原因：

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

https://github.com/vuejs/vue-devtools 1. If the page uses a production/minified build of Vue.js, devtools inspection is disabled by default so the Vue pane won't show up.2. To make it work for pages opened via file:// protocol, you need to check "Allow access to file URLs" for this extension in Chrome's extension management panel.

解決方法：

官方建議在項目入口文件（main.js）引入：

 

1	Vue.config.devtools = true ;