關於安裝了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）引入：

Vue.config.devtools = true;