vscode怎么运行网页 vscode怎么运行nodejs代码

配置VS CodeDebugNode.js需创建launch.json文件，设置程序指向入口文件，控制台输出到终止，env配置环境变量，重新启动自动重启；若使用TypeScript，需在tsconfig.json中开启sourceMap并指向编译后文件；可通过--inspect-brk启动nodemon并附加调试器连接9229端口；利用断点、调试控制台、变量停止和调用栈等功能提升排查效率，合理配置可显着减少依赖console.log的调试时间。

在 VS Code 中高效调试 Node.js 可以非常，只需配置得当。关键在于利用内置的调试器结合合理的配置和工具实现断点调试、实时日志查看和快速迭代。配置launch.json 文件

VS Code 使用 .vscode/launch.json 来定义调试配置。为 Node.js .vscode/launch.json，如下：{ "version"： “0.2.0”， "configurations"： [ { "type"： "node"， "request"： "launch"， "name"： "启动服务器"， "program"： "${workspaceFolder}/app.js"， "outFiles"： ["${workspaceFolder}/**/*.js"]， "console"： "integratedTerminal"， "env"： { "NODE_ENV"： "development" }， "restart"： true } ]}

说明：程序指向你的入口文件（如 app.js 或 server.js） console：integratedTerminal 让输出显示在终端中，相当于查看日志 env Restart: true Restart: true Restart: true TypeScript

如果你使用 TypeScript，确保编译时生成源映射，并在 launch.json 中启用。

在 tsconfig.json 中开启：{ "compilerOptions"： { "sourceMap"： true， "outDir"： "./dist"， "rootDir"： "./src" }}

然后修改 launch.json 的程序指向编译后的文件，例如："program"： "${workspaceFolder}/dist/app.js"，"outFiles"： ["${workspaceFolder}/dist/**/*.js"]

这样就可以在 src 目录下的 .ts文件中直接设置断点，调试时能正确映射。

神采PromeAI

将涂鸦和照片转化为插画，将线稿转化为完整的上色。 103 查看详情比如用nodemon添加一个附加配置：{ VS Code VS Code 提供了丰富的调试功能，合理使用能显着着提升排查问题的速度。在代码行号左边点击设置断点，执行到该行会暂停“调试控制台”查看变量值、执行表达式 阅读更多... 阅读更多 下载: console.log 下载:建议临时添加关键日志，然后通过断点验证逻辑是否符合预期。

基本上就这些。一套好用的调试能够配置开发Node.js源码映射和启动方式。配一次，长期受益。

以上就是在VS Code中调试Node.js人力的最佳实践的详细内容，更多请关注乐哥常识网其他文章！相关标签： node.js vs code vscode js json node typescript app 端口工具 报表 typescript json 栈映射 JS console vscode 大家都在看：移动开发 相关工作流程：VSCode与React Native开发环境 VSCode扩展清单_配置验证与依赖声明VSCode 进程管理_扩展主机与子进程通信VSCode 积分计数器_进程管理与输出进度表优化 VSCode JavaScript 调试_Node.js 进程附加调试