应为每个终端面板命名并手动切换焦点，避免鼠标点击切换导致误操作；命名后通过terminal: focus next terminal panel快捷键切换，配合kill-port等工具清理残留进程。
终端分屏后两个服务互相抢占焦点，怎么固定各自输出？
VSCode 的集成终端分屏默认共享输入焦点，敲命令时容易误操作到另一个面板。关键不是“怎么分屏”，而是“怎么让每个面板独立响应输入”。
- 分屏后按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），输入Terminal: Focus Next Terminal Panel切换焦点，或用快捷键Ctrl+`循环切换 - 右键终端标签页 → 选择
Split Terminal创建新面板，**不要用鼠标直接点另一个面板再敲命令**——那会把焦点切过去，导致你在前端面板敲npm run dev却发到了后端面板 - 启动服务前，先确认当前面板右上角显示的终端名称（如
bash、zsh或你命名的frontend），避免靠位置判断
如何给每个终端面板起名，避免搞混 node 进程？
默认终端只显示 shell 类型，前后端都跑 node，日志混在一起就难定位问题。命名不是装饰，是调试刚需。
- 新建终端后，立即右键标签页 →
Rename Terminal，输frontend或backend，名字会保留在标签上，关闭重启也不丢 - 也可以在终端里执行：
echo -ne "\033]633;SetCwd;$PWD\007"（仅限 macOS/iTerm 兼容场景），但 VSCode 原生命名更稳 - 命名后，VSCode 会在任务栏和面板切换菜单里显示该名称，
Ctrl+Shift+P→Terminal: Show All Terminals就能快速筛选
前端热更新 + 后端 API 代理失败，是不是终端分屏导致的？
分屏本身不影响网络通信，但常见连带错误是：前端启动时没配好代理，或后端没开 CORS，结果看到跨域报错，误以为是分屏干扰。
- 检查前端
vite.config.ts或vue.config.js中的proxy配置是否指向http://localhost:3000（假设后端跑在 3000），而不是http://127.0.0.1:3000—— 某些环境对 host 解析不一致 - 后端启动后，手动在浏览器访问
http://localhost:3000/api/health确认能通；不通就别急着连前端，先查后端日志里有没有监听0.0.0.0:3000而非127.0.0.1:3000 - 如果用
nodemon，确保它没在重启时杀掉整个终端进程 —— 可加--signal SIGTERM参数避免意外退出
关掉 VSCode 后后台服务还在跑，怎么彻底清理？
VSCode 关闭时默认不终止终端进程，尤其是用 npm run dev 启动的，很容易残留 node 进程占端口，下次启动就报 EADDRINUSE。
- 关 VSCode 前，手动在每个终端面板按
Ctrl+C停掉服务；别依赖自动终止 - 想一劳永逸，可在
package.json的脚本里加kill-port工具："dev:clean": "kill-port 3000 && npm run dev"，然后运行这个脚本代替直接npm run dev - macOS/Linux 下可终端里执行
lsof -i :3000查端口占用，kill -9 PID强杀；Windows 用netstat -ano | findstr :3000+taskkill /PID PID /F
终端分屏真正麻烦的从来不是“怎么打开第二个”，而是进程状态、焦点归属、端口生命周期这三件事没串起来看。随便起个名字、随手 Ctrl+C、关编辑器前不扫一眼终端，三天后准卡在 EADDRINUSE 里翻日志。
