Ubuntu下编写Shell脚本自动化运行全栈应用及生成可执行文件

一、编写启动Shell脚本 #

创建一个名为start-fullstack.sh的脚本，替换其中的路径为你的实际仓库路径，内容如下：

#!/bin/bash

# 替换为你的后端代码仓库绝对路径
BACKEND_DIR="/home/your-user/projects/backend"
# 替换为你的前端代码仓库绝对路径
FRONTEND_DIR="/home/your-user/projects/frontend"

# 启动后端VS Code并自动执行服务命令
echo "初始化后端服务..."
cd "$BACKEND_DIR"
# 通过VS Code命令行指令，向集成终端发送执行序列
code "$BACKEND_DIR" \
  --command "workbench.action.terminal.sendSequence" \
  --command '{"text": "source virtual-env/bin/activate\npython3 manage.py runserver\n"}' &

# 短暂等待VS Code加载完成（可根据机器性能调整时长）
sleep 3

# 启动前端VS Code并自动执行服务命令
echo "初始化前端服务..."
cd "$FRONTEND_DIR"
code "$FRONTEND_DIR" \
  --command "workbench.action.terminal.sendSequence" \
  --command '{"text": "ng serve --open\n"}' &

echo "全栈应用启动流程已触发！"

脚本说明 #

• #!/bin/bash：指定脚本使用Bash解释器
• code是VS Code的命令行启动指令，--command参数用于触发VS Code内部命令
• workbench.action.terminal.sendSequence：VS Code内置命令，用于向集成终端发送文本序列（\n模拟回车执行命令）
• 末尾的&：让VS Code在后台运行，避免阻塞脚本执行

二、配置可点击执行的可执行文件 #

步骤1：给脚本添加执行权限 #

打开终端，进入脚本所在目录，执行：

chmod +x start-fullstack.sh

步骤2：创建桌面快捷方式（推荐） #

创建一个名为start-fullstack.desktop的文件，内容如下（替换脚本路径为实际路径）：

[Desktop Entry]
Type=Application
Name=启动全栈应用
Exec=/home/your-user/scripts/start-fullstack.sh
Terminal=false
Icon=code
Comment=一键启动全栈应用的后端与前端服务

给快捷方式添加执行权限：

chmod +x start-fullstack.desktop

之后双击这个桌面文件，就能直接触发全栈应用的启动流程。

替代方案：直接通过文件管理器运行脚本 #

在Ubuntu文件管理器中找到start-fullstack.sh，右键选择「属性」→「权限」，勾选「允许作为程序执行文件」。之后双击脚本，在弹出的选项中选择「运行」或「在终端中运行」即可。

注意事项 #

• 如果前端的ng未全局安装，将脚本中的ng serve --open替换为npx ng serve --open
• 虚拟环境路径如果不是virtual-env，请对应修改source命令中的路径
• sleep的时长可根据你的机器性能调整，确保VS Code完全加载后再发送终端命令

内容的提问来源于stack exchange，提问作者Purushottam Nawale