Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
如何为Node.js应用创建启动配置(launch.json)?_创想鸟

如何为Node.js应用创建启动配置(launch.json)?

创建 launch.json 是为了在 VS Code 中配置 Node.js 调试环境,1. 可通过“运行和调试”面板自动生成或手动创建于 .vscode 目录下;2. 常见配置包括 launch(启动应用)、attach(附加进程)和使用 nodemon 调试;3. Express 项目需指向 bin/www 入口,TypeScript 项目可用 ts-node 执行 .ts 文件;4. 保存后选择配置并按 F5 启动调试,支持断点、变量查看,附加模式需先运行 node –inspect。

如何为node.js应用创建启动配置(launch.json)?

为 Node.js 应用创建 launch.json 文件是为了在 VS Code 中配置调试选项,让你可以方便地启动和调试应用。这个文件通常放在项目根目录下的 .vscode 文件夹中。

1. 创建 launch.json 文件

打开你的 Node.js 项目,在 VS Code 中按以下步骤操作:

点击左侧活动栏的“运行和调试”图标(虫子形状) 点击“运行和调试”上方的“创建一个 launch.json 文件”链接 选择环境为 Node.js VS Code 会自动生成一个基础的 launch.json 文件

如果没有自动生成,可以手动创建:
进入项目根目录,新建路径 .vscode/launch.json,然后添加基本内容。

2. 常见配置示例

以下是几种常用的 Node.js 启动配置写法:

{ “version”: “0.2.0”, “configurations”: [ { “type”: “node”, “request”: “launch”, “name”: “启动应用”, “program”: “${workspaceFolder}/app.js” }, { “type”: “node”, “request”: “attach”, “name”: “附加到进程”, “port”: 9229 }, { “type”: “node”, “request”: “launch”, “name”: “使用 nodemon 调试”, “program”: “${workspaceFolder}/app.js”, “runtimeExecutable”: “nodemon”, “console”: “integratedTerminal”, “restart”: true, “env”: { “NODE_ENV”: “development” } } ]}

关键字段说明:

type: 必须是 “node”,表示使用 Node.js 调试器 request: 可选 “launch”(启动新进程)或 “attach”(附加到已运行进程) name: 配置名称,显示在 VS Code 的启动配置下拉菜单中 program: 入口文件路径,通常是 app.js、server.js 或 bin/www runtimeExecutable: 如果使用 nodemon、ts-node 等工具,可指定执行命令 env: 设置环境变量,如 NODE_ENV=development console: 推荐设为 “integratedTerminal”,便于查看输出和交互

3. 调试 Express 或 TypeScript 项目

如果你使用 Express,默认入口可能是 bin/www,应这样配置:

AppMall应用商店 AppMall应用商店

AI应用商店,提供即时交付、按需付费的人工智能应用服务

AppMall应用商店 56 查看详情 AppMall应用商店 { “name”: “启动 Express 应用”, “type”: “node”, “request”: “launch”, “program”: “${workspaceFolder}/bin/www”, “cwd”: “${workspaceFolder}”}

对于 TypeScript 项目(使用 ts-node),配置如下:

{ “name”: “启动 TS 应用”, “type”: “node”, “request”: “launch”, “program”: “${workspaceFolder}/src/index.ts”, “runtimeExecutable”: “ts-node”, “env”: { “TS_NODE_TRANSPILE_ONLY”: “true” }}

4. 启动并调试

保存 launch.json 后:

在“运行和调试”面板选择你配置的名称 点击绿色运行按钮或按 F5 可以在代码中打断点,查看变量、调用等信息

如果要附加到正在运行的 Node 进程(比如用 node –inspect 启动的服务),先运行:

node –inspect app.js

然后使用 request 为 “attach” 的配置连接调试器。

基本上就这些。配置根据项目结构微调即可。

以上就是如何为Node.js应用创建启动配置(launch.json)?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/443040.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
yandex登录官网入口 Yandex浏览器入口官网登录
上一篇 2025年11月7日 19:31:46
Laravel开发:如何使用Laravel Telescope和Tideways进行性能分析?
下一篇 2025年11月7日 19:31:55

相关推荐

发表回复

登录后才能评论
关注微信