调试
在 Nuxt 3 中，您可以直接在浏览器以及 IDE 中开始调试您的应用程序。
Source Maps
默认情况下，Source Maps 为您的服务器构建启用，并在开发模式下为客户端构建启用，但您可以在配置中更具体地启用它们。
export default defineNuxtConfig({
// or sourcemap: true
sourcemap: {
server: true,
client: true
}
})
使用 Node Inspector 调试
您可以使用 Node inspector 调试 Nuxt 服务器端。
nuxi dev --inspect
这将以激活调试器的 dev 模式启动 Nuxt。如果一切正常，Node.js 图标将出现在您的 Chrome DevTools 上，您可以连接到调试器。
请注意，Node.js 和 Chrome 进程需要在同一平台上运行。这在 Docker 内部不起作用。
在 IDE 中调试
在您开发 Nuxt 应用程序时，可以在 IDE 中对其进行调试。
VS Code 调试配置示例
您可能需要使用 Web 浏览器的路径更新下面的配置。有关更多信息，请访问 关于调试配置的 VS Code 文档。
如果您使用
pnpm，您需要安装 nuxi 作为开发依赖项，以便下面的配置工作。{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "client: chrome",
"url": "https://127.0.0.1:3000",
"webRoot": "${workspaceFolder}"
},
{
"type": "node",
"request": "launch",
"name": "server: nuxt",
"outputCapture": "std",
"program": "${workspaceFolder}/node_modules/nuxt/bin/nuxt.mjs",
"args": [
"dev"
],
}
],
"compounds": [
{
"name": "fullstack: nuxt",
"configurations": [
"server: nuxt",
"client: chrome"
]
}
]
}
如果您喜欢常用的浏览器扩展程序，请将其添加到上面的 chrome 配置中
"userDataDir": false,
JetBrains IDE 调试配置示例
您还可以在 JetBrains IDE（如 IntelliJ IDEA、WebStorm 或 PhpStorm）中调试您的 Nuxt 应用程序。
- 在您的项目根目录中创建一个新文件，并将其命名为
nuxt.run.xml。 - 打开
nuxt.run.xml文件并粘贴以下调试配置
<component name="ProjectRunConfigurationManager">
<configuration default="false" name="client: chrome" type="JavascriptDebugType" uri="https://127.0.0.1:3000" useFirstLineBreakpoints="true">
<method v="2" />
</configuration>
<configuration default="false" name="server: nuxt" type="NodeJSConfigurationType" application-parameters="dev" path-to-js-file="$PROJECT_DIR$/node_modules/nuxt/bin/nuxt.mjs" working-dir="$PROJECT_DIR$">
<method v="2" />
</configuration>
<configuration default="false" name="fullstack: nuxt" type="CompoundRunConfigurationType">
<toRun name="client: chrome" type="JavascriptDebugType" />
<toRun name="server: nuxt" type="NodeJSConfigurationType" />
<method v="2" />
</configuration>
</component>
其他 IDE
如果您有其他 IDE 并希望贡献示例配置，请随时 打开 PR！