创建 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 文件是为了在 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应用商店
AI应用商店,提供即时交付、按需付费的人工智能应用服务
56 查看详情
{ “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
微信扫一扫
支付宝扫一扫