今天在跑 vue3 項(xiàng)目的時(shí)候發(fā)現(xiàn)它并沒(méi)有將 vue-devtools 調(diào)試工具開(kāi)起來(lái)跪解，于是就去官網(wǎng)查詢。
https://devtools.vuejs.org/guide/faq.html#the-vue-devtools-don-t-show-up
解決方案
解決方案是修改一個(gè)環(huán)境變量 __VUE_PROD_DEVTOOLS__宙项，它默認(rèn)是 false，需要改為 true 來(lái)打開(kāi)。
__VUE_PROD_DEVTOOLS__(enable/disable devtools support in production, default:false)
對(duì)于 vite 構(gòu)建的項(xiàng)目（一般都是用的 vite），可以使用使用 define 選項(xiàng).
// vite.config.js
export default defineConfig({
...
define: {
__VUE_PROD_DEVTOOLS__: true,
},
})
最后匠题，重啟瀏覽器再查看效果拯坟。就可以看到調(diào)試面板如期而至但金。
