一、前言
VSCode 是一款非常流行的代码编辑器，拥有众多优秀的插件能够助力我们进行开发，并且其内置的智能提示、自动补全等功能也十分强大。在本文中，我们将介绍一些常用的 VSCode 插件和好用的配置，希望对大家在日常开发中有所帮助。
二、常用插件
1. GitLens
GitLens 是一个强大的 Git 工具，它可以让我们更加方便的查看 Git 仓库的历史提交记录、分支情况、变更记录等。同时它还提供了一个非常好用的代码注释功能，可以将每个文件的注释直接从 Git 的提交记录中获取到，这对于我们后续的代码维护和学习都非常有帮助。
安装方式：
在 VSCode 中打开插件市场 (Extensions)，搜索 GitLens，点击 Install 安装即可。2. Bracket Pair Colorizer
这个插件可以为不同的括号分别设置不同的颜色，方便我们查看代码中的括号匹配情况，提高我们的代码阅读效率。
安装方式：
在 VSCode 中打开插件市场 (Extensions)，搜索 Bracket Pair Colorizer，点击 Install 安装即可。3. ESLint
ESLint 是一个 JavaScript 代码检查工具，它可以帮助我们纠正代码中的潜在问题，比如常见的语法错误、变量未定义等问题。ESLint 还支持我们自定义规则，方便我们在团队开发中保持代码的一致性。
安装方式：
在 VSCode 中打开插件市场 (Extensions)，搜索 ESLint，点击 Install 安装即可。4. Prettier
Prettier 是一个代码格式化工具，它可以帮助我们自动统一代码的风格，避免代码风格的杂乱。
安装方式：
在 VSCode 中打开插件市场 (Extensions)，搜索 Prettier，点击 Install 安装即可。5. Live Server
Live Server 是一款 Web 开发辅助工具，它可以帮助我们在开发 Web 应用时实现自动刷新，让我们的开发效率得到提升。
安装方式：
在 VSCode 中打开插件市场 (Extensions)，搜索 Live Server，点击 Install 安装即可。三、好用配置
1. 配置 ESLint 自动修复问题
在 VSCode 的用户设置(setting.json) 中添加如下配置，可以让 ESLint 自动修复代码中的错误和警告：
"eslint.autoFixOnSave": true,2. 设置字体
在 VSCode 的用户设置(setting.json) 中添加如下配置，可以设置编辑器的字体样式：
"editor.fontFamily": "Consolas, 'Courier New', monospace",
"editor.fontSize": 14,
"editor.lineHeight": 24,
3. 隐藏 VSCode 顶部菜单栏
在 VSCode 的用户设置(setting.json) 中添加如下配置，可以隐藏掉菜单栏提供更大的编辑区域：
"window.menuBarVisibility": "toggle",4. 自定义快捷键
在 VSCode 的用户设置(setting.json) 中添加如下配置，可以自定义各种快捷键：
{"key": "ctrl+alt+l", "command": "editor.action.formatDocument"}以上配置将快捷键设置为 Ctrl+Alt+L，用于自动格式化代码。
5. 配置代码自动保存
在 VSCode 的用户设置(setting.json) 中添加如下配置，可以让代码在失去焦点后自动保存：
"files.autoSave": "onFocusChange",四、总结
在本篇文章中，我们介绍了几款常用的 VSCode 插件和好用的配置。这些插件和配置可以帮助我们提高开发效率，同时也有助于我们写出更加优秀的代码。如果你还没有尝试过这些插件和配置，不妨花点时间试一试，相信你会有所收获。