VS Code 是目前最流行的代码编辑器。但很多人只是把它当成高级记事本在用。这篇文章帮你把 VS Code 配置到最顺手的状态。
必备插件
- GitLens：代码行级 blame 和比较
- Prettier：代码格式化
- ESLint：代码质量检查
- Error Lens：错误直接显示在代码行内
- CodeSnap：生成代码截图
- Todo Tree：管理 TODO 和 FIXME
核心快捷键
Ctrl+P 快速打开文件 Ctrl+Shift+P 命令面板 Ctrl+D 多选相同单词 Alt+Up/Down 移动行 Ctrl+/ 注释 Ctrl+B 切换侧栏 F2 重命名符号 F12 跳转到定义
settings.json 推荐配置
{
editor.fontSize: 14,
editor.formatOnSave: true,
editor.minimap.enabled: false,
editor.bracketPairColorization: true,
workbench.colorTheme: One Dark Pro,
files.autoSave: onFocusChange,
git.autofetch: true
}多光标编辑
- Ctrl+D 选中相同单词
- Alt+Click 任意位置加光标
- Ctrl+Alt+Up/Down 上下加光标
主题推荐
- One Dark Pro：经典暗色
- Catppuccin：温柔配色
- GitHub Theme：清爽护眼
- Dracula：高对比度
花一小时把 VS Code 配好，每天都能省下更多时间。