从VSCode迁移至WebStorm：如何配置运行launch.json调试？

方法一：自动导入VSCode的launch.json配置 #

• 打开WebStorm并加载你的项目
• 点击右上角运行/调试配置的下拉菜单，选择「Edit Configurations...」
• 在配置窗口左上角点击「+」，选择「Import from VS Code」选项
• 定位到项目根目录下的.vscode/launch.json文件，选中后确认
• WebStorm会自动解析launch.json中的配置项，生成对应的调试配置，直接使用即可

方法二：手动配置调试（自动导入失效时） #

根据你项目的语言类型（如Node.js、前端、Python等），手动匹配VSCode launch.json中的参数：

• 打开「Edit Configurations...」，点击「+」选择对应语言的调试模板
• 对应参数映射示例：
  • Node.js项目：VSCode里的program对应WebStorm的「JavaScript file」；args对应「Application parameters」；cwd对应「Working directory」
  • 前端项目：VSCode里的url对应WebStorm的「URL」；webRoot对应「Web root」
  • 其他语言：参照WebStorm配置项的提示，对应复制launch.json里的核心参数
• 保存配置后，即可在右上角选择该配置启动调试

注意事项 #

• 确保WebStorm安装了对应语言的官方插件（多数主流语言插件默认已预装，小众语言需手动在插件市场安装）
• launch.json中的变量（如${workspaceFolder}）会被WebStorm自动映射为项目路径，无需手动替换
• 断点设置逻辑和VSCode一致，点击代码行左侧即可添加/移除断点

内容的提问来源于stack exchange，提问作者Luka Martins