Console Inspector

它能够让你实时查看你的项目中的 console 语句，并支持一键跳转至编辑器。

配置项

TurboConsole({
  // 禁用检查器功能
  inspector: false,
})

TurboConsole({
  // 在启动服务时不在控制台打印 inspector 的 url
  inspector: {
    printUrl: false,
  },
})

Nuxt Devtools

如果你使用的是 Nuxt，你也可以在 Nuxt devtools 中查看 Console Inspector。

Vue Devtools

如果你使用的是 Vue Devtools，你可以通过以下配置在 devtools 中查看 Console Inspector。

1. 首先安装 @vue/devtools-api:

npm

npm install -D @vue/devtools-api

pnpm

pnpm install -D @vue/devtools-api

yarn

yarn add -D @vue/devtools-api

bun

bun install -D @vue/devtools-api

2. 在入口文件中添加以下代码:

main.js

import '~console/vue-devtools'