我的终极 VS Code 工作流配置

提升10倍效率的插件、快捷键和设置。作为开发者，VS Code 是我们的“数字驾驶舱”。一个平庸的配置会让你不断被中断，而一个精心打磨的工作流则能让你进入心流状态。

在这篇文章中，我将分享我的终极 VS Code 配置，它围绕三个核心原则构建：**速度、智能与沉浸感**。

原则一：速度 (减少按键)

效率的本质是减少从“想法”到“代码”的阻力。

1. 终极快捷键：`settings.json`

不要害怕自定义快捷键。我做的第一件事就是将“保存”和“格式化”合并。

// settings.json
{
  // 1. 保存时自动格式化
  "editor.formatOnSave": true,
  
  // 2. 根据文件类型指定默认格式化程序
  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

  // 3. 自动修复 ESLint/Stylelint 错误
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.stylelint": true
  }
}

2. 必备插件：WhichKey

如果你像我一样记不住所有 `Ctrl+K` -> `Ctrl+S` 这样的组合键，WhichKey 是你的救星。它为你自己的多步快捷键提供了一个浮动提示，灵感来自 Vim。

原则二：智能 (AI 辅助)

2025 年还在“手动”写代码吗？AI 应该是你的副驾驶。

1. 核心插件：GitHub Copilot

这已经不是一个“可选项”。Copilot 不仅能补全代码，更强大的是它的“上下文感知”能力。在我的工作流中，我用它来：

生成单元测试： 在测试文件中，输入 // Test for function 'calculateTotal'，Copilot 会自动生成框架。
编写文档： 在函数上方输入 /**，它会读取函数体并生成 JSDoc 注释。
重构辅助： 选中一段代码，使用 Copilot Chat 提问：“如何将这段代码重构为更易读的函数？”

2. 辅助插件：Codeium

Codeium 是 Copilot 的一个出色替代品，尤其是在响应速度和多行补全上。我有时会同时启用它们（虽然不推荐），或者在 Copilot 网络不佳时切换到 Codeium。

原则三：沉浸感 (减少干扰)

一个“干净”的界面能让你更专注。

1. 核心设置：`settings.json` (界面篇)

我清除了所有不必要的 UI 元素。

// settings.json
{
  // 1. 隐藏活动栏 (除非悬停)
  "workbench.activityBar.visible": true, // (我会用快捷键 Ctrl+Shift+E 等切换)
  
  // 2. 隐藏状态栏 (按需显示)
  "workbench.statusBar.visible": true,
  
  // 3. 隐藏小地图
  "editor.minimap.enabled": false,
  
  // 4. 启用平滑滚动和光标动画
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.smoothScrolling": true
}

2. 主题与字体

主题： Night Owl 或 GitHub Dark Default。它们提供了极佳的对比度和语义高亮。
字体： Fira Code 或 Cascadia Code。两者都支持连字（Ligatures），能将 => 转换为 ⇒，!= 转换为 ≠。

结语

我的终极工作流是不断进化的。工具本身并不重要，重要的是它是否能服务于你的“心流”。不要盲目复制配置，而是去尝试、去感受，找到那个能让你“忘记工具，专注于创造”的瞬间。

返回所有文章