如何在开发模式下使用 typecipt 在 vue 3 中启用 devtools

Question

我正在使用打字稿在 vue 3 中开发一个新应用程序。我在 Chrome 中安装了 Vue Devtools，但它拒绝将该应用程序识别为 Vue 应用程序声明Vue.js not detected. 我在互联网上找到的帮助是添加Vue.config.devtools = true;到 main.js。但是Vue在 main.ts 中不可用我还找到了调整 webpack 配置的说明，但是项目中没有 webpack（由vue-cli.

Answer 1

从这里下载或使用浏览器安装：

vue devtools version is v6.0.0 beta

Answer 2

检查这个问题https://github.com/vuejs/vue-devtools/issues/1244

也许将此代码添加到“main.ts”会有所帮助。

const app = Vue.createApp(App)

app.config.devtools = true

请参阅指南。