VSCode 终端优化指南：7 个设置让你效率翻倍

golang学习记
1 阅读3分钟

推荐阅读

技术总监悄悄秀了一把 VS Code 神技，被我狠狠学到了！

VS Code 又发布了一个 Agent 新玩具！

VS Code 1.110 官宣 AI 新特性：AI 直接调试浏览器！

VS Code 2026 效率秘籍：学完无敌！

VS Code 发布 AI新功能：离了大谱！

微软正式开源！王炸！

VS Code 又整新活！相当炸裂！

💡 写在前面：你是不是也经常在 VSCode 终端里"迷路"？命令打错、标签混乱、滚动找不到头？今天这篇就是为你准备的"终端整容术"，7 个设置，简单复制粘贴，立刻让终端变得聪明又听话！

📋 前置准备：打开 settings.json

所有配置都在 settings.json 里完成，打开方式：

  • Ctrl + Shift + P（Mac: Cmd + Shift + P）
  • 输入 Preferences: Open Settings (JSON)
  • 回车，开整！

在这里插入图片描述 在这里插入图片描述

1️⃣ Terminal IntelliSense：终端也会"猜你想输"

🎯 效果：在终端里打字时，自动提示文件、文件夹、命令参数，像写代码一样丝滑～

配置步骤

{
    "terminal.integrated.shellIntegration.enabled": true,
    "terminal.integrated.suggest.enabled": true
}

使用体验

# 以前：
$ cd src/compo<Tab>... 还得按半天

# 现在：
$ cd src/  # 输入斜杠后自动弹出组件列表 👇
# ├── components/
# ├── composables/
# └── config/
# 方向键选择，回车确认，爽！

✅ 适用场景：路径补全、npm 命令提示、git 分支切换

同时也支持unix常用命令

在这里插入图片描述 还有常用的git命令

在这里插入图片描述

2️⃣ Sticky Scroll：滚动时"钉住"当前命令

🎯 效果：终端输出太长滚动时，顶部始终显示你正在执行的命令，再也不怕"我刚才跑的是啥？"

配置步骤

{
    "terminal.integrated.stickyScroll.enabled": true
}

效果示意

┌─────────────────────────────┐
│ $ npm run build  ← 始终钉在这 │
├─────────────────────────────┤
│ ✓ Compiled successfully     │
│ Assets copied to dist/      │
│ ...滚动 100 行日志...          │
│ ✓ Build completed in 12.3s  │
└─────────────────────────────┘

✅ 适用场景：查看长日志、编译输出、测试报告

在这里插入图片描述

3️⃣ 自定义光标：让眼睛少受罪

🎯 效果：终端光标太细看不清？改成块状+闪烁，定位输入位置快人一步！

配置步骤

{
    "terminal.integrated.cursorStyle": "block",
    "terminal.integrated.cursorStyleInactive": "line",
    "terminal.integrated.cursorBlinking": true
}

可选值

配置项可选值效果
cursorStyleblock / line / underline光标形状
cursorStyleInactive同上失去焦点时的样式
cursorBlinkingtrue / false是否闪烁

✅ 小技巧：block + 闪烁 组合，写命令时眼睛不累，谁用谁知道～

在这里插入图片描述

4️⃣ 默认位置：终端放哪你说了算

🎯 效果：默认终端在底部？改成侧边栏或编辑器标签，大屏用户狂喜！

配置步骤

{
    "terminal.integrated.defaultLocation": "editor"
}

可选值

  • "panel"：默认底部面板（原始位置）
  • "editor"：作为编辑器标签打开，可左右分屏

效果对比

📦 底部模式（默认）          📦 编辑器模式（推荐大屏）
┌─────────────┐           ┌─────────┬─────────┐
│  代码编辑区  │           │  代码   │  终端   │
├─────────────┤           │         │         │
│   终端面板   │           │         │         │
└─────────────┘           └─────────┴─────────┘

✅ 适用场景：宽屏显示器、需要同时看代码和输出、多任务并行

在这里插入图片描述

5️⃣ 终端标签命名：告别"终端 1/2/3"

🎯 效果：同时开多个终端时，用变量自动显示进程名 + 工作目录，一眼分清哪个是前端、哪个是后端！

临时重命名（手动）

  • 右键终端标签 → Rename → 输入 🎨 Frontend → 回车
  • ⚠️ 注意：关闭终端后失效

在这里插入图片描述

永久配置（推荐✨）

{
    "terminal.integrated.tabs.title": "${process}",
    "terminal.integrated.tabs.description": "${cwdFolder}"
}

效果展示

📁 标签栏显示：
[🟢 node] src/frontend    [🔴 go] cmd/server    [🔵 bash] ~

# 鼠标悬停显示完整路径：
# /Users/you/project/src/frontend

在这里插入图片描述

常用变量速查

变量含义示例
${process}当前运行的进程node, go, bash
${cwd}完整工作目录/Users/you/project
${cwdFolder}仅目录名project
${local}本地/远程标识local, ssh:prod

✅ 实战技巧：组合使用 ${process} - ${cwdFolder}，既知道在跑啥，又知道在哪跑～

6️⃣ 分割终端的目录行为：跨平台不踩坑

🎯 效果：分割终端时，新终端默认打开的位置统一设置为项目根目录，避免"我在哪？"的灵魂拷问。

问题背景

  • 🪟 Windows：分割后常回到初始目录
  • 🍎 macOS / 🐧 Linux：通常继承父终端目录
  • 👉 行为不一致，切换系统容易懵

配置步骤

{
    "terminal.integrated.splitCwd": "workspaceRoot"
}

可选值

值行为
"workspaceRoot"✅ 始终在项目根目录打开（推荐）
"inherited"继承父终端的当前目录
"initial"回到 VSCode 启动时的目录

✅ 适用场景：多系统开发、团队协作文档统一、脚本自动化

7️⃣ 自定义字体：颜值即正义

🎯 效果：终端字体太丑？换成你喜欢的编程字体，连字符（ligatures）安排上，写命令都像在写诗～

配置步骤

{
    "terminal.integrated.fontFamily": "Fira Code, 'Courier New', monospace",
    "terminal.integrated.fontLigatures": true
}

注意事项

  1. 字体必须已安装
  2. 字体名要写对：打开系统字体册确认准确名称
  3. 备选字体：建议加 'Courier New', monospace 兜底

推荐字体清单

字体特点下载
Fira Code连字符丰富，社区流行[GitHub]
JetBrains Mono专为编码设计，阅读舒适[JetBrains]
Cascadia Code微软出品，终端适配好[GitHub]

🎁 彩蛋：一键配置模板

复制下面这段，粘贴到 settings.json，7 个优化一次到位：

{
    // 🔍 智能提示
    "terminal.integrated.shellIntegration.enabled": true,
    "terminal.integrated.suggest.enabled": true,
    
    // 📌 滚动钉住
    "terminal.integrated.stickyScroll.enabled": true,
    
    // 👁️ 光标优化
    "terminal.integrated.cursorStyle": "block",
    "terminal.integrated.cursorStyleInactive": "line",
    "terminal.integrated.cursorBlinking": true,
    
    // 🗂️ 标签命名
    "terminal.integrated.tabs.title": "${process}",
    "terminal.integrated.tabs.description": "${cwdFolder}",
    
    // 📁 分割目录行为
    "terminal.integrated.splitCwd": "workspaceRoot",
    
    // 🎨 字体美化（按需修改）
    "terminal.integrated.fontFamily": "Fira Code, 'Courier New', monospace",
    "terminal.integrated.fontLigatures": true,
    
    // 🖥️ 默认位置（按需开启）
    // "terminal.integrated.defaultLocation": "editor"
}

🔄 配置生效方式

  • ✅ 大部分设置：保存 settings.json 后立即生效
  • 🔄 字体类设置：可能需要重启终端（右键终端标签 → Kill Terminal → 重新打开）
  • 🚨 不生效？试试 Ctrl + Shift + P → Reload Window

🧭 避坑指南

问题可能原因解决方案
IntelliSense 不提示shell 不支持集成确认使用 bash/zsh/fish，避免 cmd.exe
字体不显示字体未安装或名称错误系统字体册确认名称，加备选字体兜底
标签变量不生效VSCode 版本过低升级到 1.75+ 版本
分割目录行为异常配置被其他设置覆盖检查 .code-workspace 或远程设置

🎯 总结

1️⃣ 智能提示 + 标签命名 → 少打字、少迷路
2️⃣ Sticky Scroll + 光标优化 → 少滚动、少眼累  
3️⃣ 统一目录 + 美化字体 → 少踩坑、少烦躁
avatar
文章
阅读
粉丝