Visual Studio Code 无疑是当今最流行的代码编辑器。它是微软为 Windows、Linux 和 macOS 开发的轻型代码编辑器。它包括各种功能，如语法高亮，调试，智能代码完成，片段，嵌入式 Git，代码重构等。与市场上的其他代码编辑器相比，VS Code 提供了更好的性能和稳定性。
下面就来分享开发必备的 VS Code 插件！
Git Lens
GitLens 增强了 Git 的功能。GitLens 帮助你更好地理解代码。这个强大且功能丰富的工具有助于快速查看代码的变化，如谁、为什么、何时修改了某一行或代码块。你可以找到代码历史，进一步了解代码的演变过程和原因。有了这个工具，你可以毫不费力地探索一个代码库的历史和演变。
以下是 GitLens 提供的一些独特功能：
- 轻松地通过文件历史进行修订导航（向前和向后）
- 代码块上展示最近的提交和作者数量
- 状态栏上注释显示修改当前行的提交和作者
- 代码更改 - 高亮显示任何本地（未发布）更改或最近提交更改的行
- 热力图 - 显示相对于文件中的所有其他更改和现在（热 vs. 冷）行的最近和频繁的更改情况
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
Github Copilot
GitHub Copilot 使用 OpenAI Codex，从你的编辑器中实时推荐代码。经过对数十亿行公共代码的训练，GitHub Copilot 将包括注释和方法名称在内的自然语言提示转化为几十种语言的编码建议。
GitHub copilot 的主要目标是使软件工程师更容易在项目中进行更有效的合作，通过对彼此的代码进行实时审查，并在开发周期中随时提供反馈，从而提高开发效率。
https://marketplace.visualstudio.com/items?itemName=GitHub.copilot
Peacock
开发人员喜欢打开 VS Code 的多个窗口，因为他们同时在一个以上的项目上工作。例如，后端和前端项目可以在两个独立的 VS Code 实例中打开，开发人员可能想从一个项目移到另一个项目。使用这个扩展，开发者可以改变每个项目窗口的颜色，这样就可以快速识别他们正在工作的项目或 repo。
如果你喜欢 Tailwind CSS，那么这就是一个必须拥有的扩展。它是一个免费的扩展，由 Tailwind 实验室（bradlc）发布。这个扩展为 Tailwind 类提供了自动完成、语法高亮和提示功能。有了这个扩展，开发者不需要记住所有实用类的准确拼写，也不需要花时间把它们打出来。
https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
ES7+ React/Redux/React-Native snippets
如果你是一个真正的 ReactJS 开发者，那么这是一个你必须拥有的片段，因为它只是为你做了正确的事情。这个插件为你提供了 ES7 中的 JavaScript 和 React/Redux 片段，具有 VS Code 的 Babel 插件功能。
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
JavaScript Code Snippets
这个扩展包含了 Vs Code 编辑器的 ES6 语法的 JavaScript 代码片段（同时支持 JavaScript 和 TypeScript）。该扩展支持 JS、TypeScript、JS React、TS React、HTML 和 Vue。
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
Prettier — Code formatter
开发人员对如何格式化代码结构使之可读有不同的意见。Prettier 的创建是为了缓解这一挑战，并确保开发团队内部有一个统一的代码格式。
Prettier 对你的 JavaScript 代码进行了统一的重新编排，使之易于阅读和理解代码。这个插件有助于格式化间距、变量声明、分号、尾部逗号和更多。
你可以配置 Prettier 在保存文件或提交文件到版本控制系统（如 Git、SVN）时对文件进行格式化。这样，你就不必担心你的源代码的格式问题，Prettier 会照顾到这一点。
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
ESLint
ESLint 是一个开源项目，可以帮助你发现和修复你的 JavaScript 代码的问题。无论你是在浏览器中还是在服务器上编写 JavaScript，无论是否有框架，ESLint 都可以帮助你的代码活出它的最佳状态。
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
Vscode-Icons
拥有描述性的图标可以帮助你区分项目中的文件和文件夹。在你的项目中拥有图标可以使你的项目更加有趣和有吸引力。下图描述了两个 VS Code 标签之间的不同。
https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
TODO Highlight
这个插件可以让你在代码中突出显示 TODO、FIXME 和其他注释。这确实是一个有用的插件，可以突出注释，如 NOTE：，TODO：，DEBUG：。自定义设置也相当广泛，使其成为开发人员的完美选择，从而使你在任何项目中的注释水平提高。
https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight
SQL Server
一个用于开发 Microsoft SQL Server、Azure SQL 数据库和 SQL 数据仓库的扩展，具有丰富的功能，包括：
- 连接到 Microsoft SQL Server、Azure SQL Database 和 SQL Data Warehouses。
- 创建和管理连接配置文件和最近使用的连接。
- 利用 IntelliSense、Go to Definition、T-SQL 片段、语法着色、T-SQL 错误验证和 GO 批量分离器编写 T-SQL 脚本。
- 执行你的脚本，并在一个简单易用的网格中查看结果。
- 将结果保存为 json 或 csv 文件格式并在编辑器中查看。
- 可定制的扩展选项，包括命令快捷键和更多。
Run
运行多种语言的代码片断或代码文件：C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# ( .NET Core), C# Script, C# ( .NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA, Less, Fortran, Ring, Standard ML 等等
https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more
Tabnine 是人工智能代码完成助手，已经被数百万开发人员信任，以扩大编码的准确性和提高生产力。无论你是一个新的开发人员还是一个经验丰富的专业人员，无论你是独自工作还是作为团队的一部分，Tabnine 人工智能助手都会在大多数流行的编码语言和所有你最喜欢的 IDE 中建议团队定制的代码完成方式。
Tabnine 由复杂的机器学习模型驱动。它是在 GitHub 上超过 10 亿行的开放源代码上训练出来的。
Tabnine 在你写的时候建议和预测代码。这个强大的扩展程序加速了你的开发，为你节省了大量的时间，将你的编码时间减少了一半。目前，它支持几乎所有流行的编程语言，包括 Python、Javascript、Java 和 React。
Tabnine 的团队学习算法研究你的团队的代码、偏好和模式，不断学习和适应。与团队成员的每一次互动都会放大代码完成的准确性。
https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
Visual Studio Intellicode
Visual Studio IntelliCode 扩展为 Visual Studio Code 中的 Python、TypeScript/JavaScript 和 Java 开发人员提供人工智能辅助开发功能，并在理解你的代码上下文的基础上结合机器学习进行 ai 协助开发。
https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode
你欢迎你来推荐你喜爱的插件。
原文：https://medium.com/@ibrahimzahir7/top-vs-code-extensions-you-need-for-your-next-project-33b5e2ab8269
