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

Question

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

Answer 1

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

vue devtools version is v6.0.0 beta

Answer 2

我需要做更多。

1。为 Vue 3 安装插件
2。在配置中启用 devtools

此外，如果您同时安装了 Vue 2 和 Vue 3 插件，则必须禁用其中之一才能使开发者控制台中的 Vue 选项卡正常工作。

因此，如果您现在使用 Vue 3 进行开发，请禁用 Vue 2 的插件。

Answer 3

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

（稍后）

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

const app = Vue.createApp（App）

app.config.devtools = true

See Guide.

Answer 4

添加到来自 Tolbxela 和 byungster 的答案：

我将以下命令放入 main.ts：

app.config.performance = true;

代替：

app.config.devtools = true;

'devtools' 不再存在于配置中，它破坏了打字稿编译器。

附加信息：我需要重启浏览器并启动 VueDevtools 稳定版。