点击 公众关注 号，“ 技术干货 ”及时达！

1.学习并自定义快捷键

在 VS Code 中，快捷键可以说是最提效的手段。合理利用快捷键，你的编码效率至少可以重要的提高一倍。首先，你需要学习一些 VS Code 中最常用和最重要的快捷键组合：

• Ctrl/Command + P 快速查找并打开文件，不用再在系统目录中逐个点击查找
• Shift + Ctrl/Command + P 访问命令面板，可以快速跳转到各种设置和工具
• Ctrl/Command + J 显示/隐藏终端
• Ctrl/Command + | 分割编辑器，实现多文件并排编辑
• Shift + Ctrl/Command + F 全局搜索，可以快速在整个工程中查找文本

这些快捷键可以极大提高你的编码效率，需要花时间掌握掌握。

之后，你可以根据自己的使用习惯，自定义一些快捷键组合。例如：

• 文件目录快捷键，我会自定义为 Shift + Ctrl/Command + E
• 我会自定义 Git 操作面板 Shift + Ctrl/Command + G

自定义快捷键可以让你更好地记忆并利用这些提效功能

2. 安装。界面主题

VS Code提供了丰富的主题扩展，可以让你对编辑器的颜色、字体等界面样式进行自定义。对我来说，一个好的VS Code主题，最重要的是不同功能区域之间的响声具体来说，通过为不同的区域添加相似、背景等元素，可以让导航栏、侧边栏、编辑器等明显的区域分开，不会出现视觉混乱的情况。

这样可以帮助我更快地定位到需要的功能区域，减少视线搜索时间，从而提高工作效率。将功能区分明确划分开来，是我选择一款VS Code主题最需要考虑的点。

我比较喜欢的一个主题是 「 萌木主题 」 ，这款主题拥有色调柔和、功能块明显的风格。它同时支持日间和夜间两种模式，可以自动切换到系统设置的模式。由Diu设计开发并开源 moegi-设计/vscode-主题

3.安装提升编码效率的插件

VS Code 最大的优势之一就是拥有非常强大的扩展插件生态。针对各种语言和工作流程，都有插件可以安装来增强功能和效率。

这里我推荐几款通用的、可以提效的插件：

• 「 智能点击 」 ：通过左右选择来快速选择或扩展选择范围，可以长时间避免拖动鼠标进行
• 「 错误镜头 」 ：可以在代码补充（内联）实时显示错误和警告标记，让你更快定位到代码问题
• 「 GitLens 」 : 显示代码行修改记录和历史记录，辅助Git开发
• 「 漂亮的 TypeScript 错误 」 : 帮助开发者更好地阅读 TypeScript 错误

根据自己的需求，安装1-2款常用的插件，就可以获得显着的提效体验。

4. 个性化设置

通过修改 settings.json 文件，您可以对 VS Code 进行外部层次的个性化配置。

例如，我会设置工作台采用默认暗黑模式，并跟随系统切换：

??"workbench.preferredDarkColorTheme":?"Moegi?Dark"，
??"workbench.preferredLightColorTheme":?"Moegi?Light"，

将侧边栏放在编辑器的右侧，这样可以减少因代码过长而滑动横轴的机会：

?"workbench.sideBar.location":?"right"

另外，我习惯使用 Git Diff 对比采用上下样式，所以会进行如下设置：

??"diffEditor.renderSideBySide":?false?

查看有关我的 VS Code 配置的更多信息

搜索并设置一些对个人使用习惯有帮助的配置选项，可以让 VS Code 的默认行为更加智能。

5.利用快捷键学习快捷键

即使掌握了许多键盘，有时你还是需要使用一些不常用的命令面板或设置菜单。我们不需要死记下所有键盘，而是可以利用 VS Code 提供的键盘提示功能。

在控制面板 Shift + Ctrl/Command + P 中，输入要查找的命令或功能名称，VS Code 会显示该命令对应的快捷键组合。记下该快捷键，日积月累，你就掌握了更多提效的快捷键。

例如，输入 「 snippets 」 ，就可以找到搜索代码片段的快捷键为 Shift + Ctrl/Command + R

总结

通过对上述5个方面的设置调整，您可以显着提升 VS Code 的使用体验，优化界面显示，增强编辑功能，自定义个性化行为。这样，VS Code 就真正成为一个智能、轻松上手的编辑注意力不再被界面和操作瓶颈分散，而可以更专注于编码和生产力。

?

基于我的个人博客 leonfong.me

?