如何在Eclipse中调试JHipster 5.x（Spring Boot+Angular）项目？

一、Spring Boot后端调试 #

1. 导入项目到Eclipse #

• 打开Eclipse，依次选择 File > Import > Maven > Existing Maven Projects
• 定位到项目根目录，勾选包含-backend的模块（单体项目选根模块），完成导入

2. 配置调试启动项 #

• 右键点击后端模块，选择 Run As > Run Configurations...
• 左侧列表找到Java Application，右键新建配置：
  • Main标签页：Project选后端模块，Main class填写Spring Boot启动类（格式如com.yourcompany.yourproject.YourProjectApp）
  • Arguments标签页：无需手动加调试参数，Eclipse会自动注入；若需自定义，可在VM arguments中填入 -Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=5005
• 点击Apply后，选择Debug启动调试

3. 断点调试操作 #

• 在后端Controller、Service等类的代码行号左侧点击，设置断点
• 通过前端页面或接口工具（如Postman）触发对应逻辑，程序会自动停在断点处
• 使用Eclipse调试快捷键：F6单步执行、F5进入方法、F7跳出方法、F8继续运行

二、Angular前端调试 #

1. 安装调试插件 #

• 打开Eclipse，选择 Help > Eclipse Marketplace，搜索Debugger for Chrome并安装，重启Eclipse

2. 启动前端服务 #

• 打开终端，进入项目前端目录（单体项目为src/main/webapp，微服务为独立-frontend模块根目录）
• 执行命令 npm install（首次启动或依赖更新时执行），再执行 npm start，等待服务启动完成（默认运行在http://localhost:9000）

3. 配置前端调试启动项 #

• 右键点击前端模块/目录，选择 Run As > Run Configurations...
• 左侧找到Chrome Debug，右键新建配置：
  • Configuration标签页：自定义Name（如Angular Debug），URL填写http://localhost:9000，Working directory选择前端目录
• 点击Apply后，选择Debug启动调试

4. 断点调试操作 #

• 在前端.ts文件（如app/entities下的组件代码）的行号左侧设置断点
• 在Chrome浏览器中操作页面触发对应逻辑，程序会停在断点处，可查看变量、单步执行等

三、常见问题处理 #

• 项目导入后依赖报错：右键项目选择 Maven > Update Project，勾选Force Update of Snapshots/Releases后更新
• 后端端口被占用：修改src/main/resources/config/application-dev.yml中的server.port配置，更换未被占用的端口
• 前端启动失败：检查终端报错信息，若为依赖缺失，重新执行npm install；若为端口占用，修改package.json中start命令的端口参数

内容的提问来源于stack exchange，提问作者Beer Forst