如果我们只有五个 VS Code 扩展
由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！
如果必须从 VS Code 扩展程序中选择五个，你会选择哪些？
我问了自己这个问题，并从中挑选出了五个我推荐用于一般 Web 编程的最佳扩展程序。
Git图
我一直以来都提倡通过终端学习 Git，以便理解其背后的原理，并能够帮助人们解决他们的 Git 问题，即使他们没有你熟悉的 Git 图形用户界面。
尽管如此，我认为 Git Graph 在概览 Git 历史、当前 Git 状态以及快速查看每次提交包含的内容方面非常宝贵。当然，它对于快速执行 cherry-pick、合并、回滚、撤销提交和检出操作也极其方便。
VS Code Marketplace 上的 Git Graph 扩展
自动隐藏
Auto Hide 是一个 VS Code 扩展，它会在你聚焦文本编辑器时自动关闭侧边栏，还可以选择关闭终端。就这么简单，但我很喜欢它。当然，你也可以使用快捷键cmd/ctrl + b和cmd/ctrl + j来实现同样的功能。但总是手动操作真的让我很烦。
对于私人编程，我主要使用笔记本电脑，但即使在工作中使用基于 IntelliJ 的 IDE（如 WebStorm 和 Android Studio）时，最小化侧边栏和终端对我来说也是绝对必要的。
无论你是否使用扩展程序，我都会告诉你一个实用技巧：在 VS Code 的“视图”>“外观”菜单中，将侧边栏移动到屏幕右侧。这样一来，在打开和隐藏侧边栏时，文本编辑器就不会发生水平位移。
VS Code Marketplace 上的 Auto Hide 扩展
孔雀
也许我有点审美强迫症，但我喜欢保持风格时尚和井然有序。有了 Peacock 扩展，你可以给 VS Code 窗口添加一些颜色。这对我来说非常实用，因为我经常同时处理至少三个不同的代码库或项目，而且很少在 Mac 上关闭工作区（没错，也许用“风格控”来形容我更贴切）。
只需为每个窗口添加一些颜色，您现在就可以立即看到屏幕上当前显示的是哪个项目！
VS Code Marketplace 上的 Peacock 扩展
ESLint
这是一个显而易见的选择。事实上，如果有人不愿意使用它，我几乎会拒绝与他合作。它是一种标准，应该用于代码检查和美化。如果你是编程新手，不确定它是什么，请阅读相关资料并开始使用它。
VS Code Marketplace 上的 ESLint 扩展
软件包 JSON 升级
package.json Upgrade 的功能只有一个，而且它做得非常出色。它负责跟踪 package.json 文件中所有依赖项的更新情况。
使用单一代码仓库，或许更容易保持更新，也能掌握软件包的最新版本。但对于多个项目和众多依赖项而言，Package Json Upgrade 很快就会成为你最好的编码伙伴，它会提醒你有哪些可用的升级，从而带来重要的安全修复和技术债务。
在 VS Code Marketplace 上安装 Json Upgrade 扩展
哪个VS Code扩展最好？
请在评论区留下你的选择。列出你认为最不可或缺的五个 VS Code 扩展。
文章来源：https://dev.to/perssondennis/if-we-only-had- Five-vs-code-extensions-4ge4