Profile 可以写在 User Settings,也可以写在 Workspace Settings。 个人 shell 偏好放 User;项目必须的环境变量、cwd、默认 profile 可以放 Workspace。

{
  "terminal.integrated.defaultProfile.osx": "zsh",
  "terminal.integrated.profiles.osx": {
    "zsh": {
      "path": "zsh",
      "args": ["-l"],
      "icon": "terminal"
    },
    "clean zsh": {
      "path": "zsh",
      "args": ["-f"],
      "icon": "debug-console",
      "env": {
        "NODE_ENV": "development"
      }
    }
  },
  "terminal.integrated.defaultProfile.linux": "bash",
  "terminal.integrated.defaultProfile.windows": "PowerShell",
  "terminal.integrated.cwd": "${workspaceFolder}",
  "terminal.integrated.scrollback": 20000,
  "terminal.integrated.shellIntegration.enabled": true,
  "terminal.integrated.confirmOnExit": "hasChildProcesses"
}

没有 Shell Integration 时,终端只是一个字符流。 开启后,VSCode 能识别命令边界、退出状态、当前目录,于是命令装饰、最近命令、路径链接、目录跟踪都会更稳定。

VSCode 集成终端会识别输出中的 URL、文件路径、行号、列号。 你写脚本或日志时,尽量输出标准格式,调试效率会直接上一个台阶。

# 好格式: 文件:行:列
src/pages/SettingsPage.tsx:42:13

# 也常见: 绝对路径 + 行列
/Users/an/project/packages/web/src/App.tsx:18:7

# URL 和 localhost 也会被识别
http://localhost:5173

# 不太好: 缺少可解析路径
Error at SettingsPage line forty-two

Lab 1 — 建一个 clean terminal profile

目标:区分默认 shell 与干净 shell,理解 profile 如何影响环境。

1. 打开 User Settings JSON,加入上文的 clean zsh profile
2. 执行 Terminal: Create New Terminal With Profile
3. 选择 clean zsh
4. 分别运行 echo $SHELL、pwd、env | sort
5. 再开一个默认 zsh,比较两边环境变量和启动速度
6. 把 clean terminal 重命名为 clean

Lab 2 — 搭一个三终端开发台

目标:为 web、api、scratch 三类命令建立清晰边界。

web      → npm run dev
api      → npm run dev:api
scratch  → curl localhost:3000/health / rg / git status

1. 打开三个 terminal tab,分别重命名为 web、api、scratch
2. 给 web 和 api 设置不同颜色或图标
3. 在 web/api 中运行长期进程;在 scratch 中运行临时命令
4. 把 web terminal split 成左右两个 pane:左边跑服务,右边跑 curl
5. 练习关闭 scratch 后重新创建,但保留 web/api 不动

Lab 3 — 打通日志到源码跳转

目标:让终端输出的错误位置变成可点击链接。

mkdir -p src/pages
printf "export const line = 1;\n" > src/pages/SettingsPage.tsx
printf "src/pages/SettingsPage.tsx:1:14\nhttp://localhost:3000\n"

1. 在项目根运行上面的命令,创建一个测试文件并输出路径
2. 按住 ⌘(Win/Linux: Ctrl)悬停终端里的 src/pages/SettingsPage.tsx:1:14
3. 点击链接,确认 VSCode 跳到对应文件与位置
4. 再输出一个不存在的路径,观察 VSCode 如何处理
5. 切换到子目录后重复输出同一个相对路径,理解 cwd 对路径解析的影响

1. Terminal Profile 中 path、args、env 分别控制什么?
2. 为什么多根工作区里运行命令前要确认 pwd?
3. 长期运行进程和临时命令为什么最好不要混在同一个 terminal?
4. Shell Integration 让 VSCode 额外感知到了哪些信息?
5. 什么情况下应该继续用 Terminal,什么情况下应该升级到 Day10 的 Task?