IDEA中运行springboot+vue项目设置terminal路径

IDEA中运行springboot+vue项目设置terminal路径：打通前后端联调的桥梁

引言：

在开发springboot+vue项目时，前后端分离是惯例，调试过程中，我们需要一个途径在IDE中同时操作前后端。本文将指导你如何使用IDEA设置terminal路径，构建一条通往联调之门的桥梁。

步骤一：配置终端路径

1. 打开IDEA，转到“文件”菜单。

2. 选择“设置”并导航到“工具”选项卡。

3. 在“工具”中，选择“终端”并切换到“工具”选项卡。

4. 在“工具”选项卡中，找到“自定义shell路径”并输入以下路径：

   /Users/your_username/Desktop/path_to_your_terminal
   

   注意：将“your_username”替换为你的实际用户名，并确保将“path_to_your_terminal”替换为终端应用程序的可执行文件路径（通常为“/Applications/Utilities/Terminal.app”）。

步骤二：创建运行/调试配置

1. 右键单击项目中的“maven”模块。

2. 选择“运行/调试配置”。

3. 在“运行/调试配置”对话框中，单击“+”按钮以创建新的配置。

4. 选择“Maven”。

5. 在“目标”字段中，输入以下内容：

   springboot:run -Dspring-boot.run.profiles=dev
   

   这将运行springboot应用程序并启用“dev”配置文件。

6. 在“工作目录”字段中，输入项目的根目录路径。

步骤三：添加终端操作

1. 在“运行/调试配置”对话框中，转到“终端”选项卡。

2. 选中“在终端中执行命令”复选框。

3. 在“命令”字段中，输入以下内容：

   cd frontend
   npm run serve
   

   这将在项目根目录中启动vue.js应用程序。

步骤四：运行项目

1. 单击“运行”按钮运行项目。
2. IDEA将在一个终端窗口中启动springboot应用程序，在另一个终端窗口中启动vue.js应用程序。
3. 前后端现在在同一IDE中同时运行，可以相互通信。

结论：

通过在IDEA中设置terminal路径，你已成功建立了前后端联调的桥梁。这种方法可让你在同一IDE中同时运行和调试前后端，从而简化开发过程并提高效率。下次开发springboot+vue项目时， hãy nhớ使用这个技巧，让你的联调之路更加顺畅！