2024年最全28 个提升开发幸福度的 VsCode 插件，2024年最新面经解析

对象篇

模块化编程-自研模块加载器

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

类似的扩展 –

8. GitLens

正如其作者所说，GitLens 增强了 Visual Studio Code 中内置的 Git 功能，它包含了许多强大的功能，例如通过跟踪代码显示的代码作者，提交搜索，历史记录和GitLens资源管理器。你可以在此处阅读这些功能的完整说明。

类似的扩展 –

Git History — 显示提交历史的精美图表等等。推荐。
Git Blame — 它允许您在状态栏中查看当前所选行的Git Blame信息。 GitLens也提供了类似的功能。
Git Indicators — 它允许你查看受影响的文件以及状态栏中添加或删除的行数。
Open in GitHub / Bitbucket / Gitlab / VisualStudio.com ! — 它允许您使用单个命令在浏览器中打开repo。

9. Git项目管理器(Git Project Manager,GPM)

Git项目管理器(Git Project Manager,GPM)允许你直接从 VSCode 窗口打开一个针对Git存储库的新窗口。基本上，你可以打开另一个存储库而无需离开VSCode。

安装此扩展后，您必须将 gitProjectManager.baseProjectsFolders 设置为包含 repos 的URL列表。例如：

{

“gitProjectManager.baseProjectsFolders”: [

“/home/user/nodeProjects”,

“/home/user/personal/pocs”

]

}

类似的扩展 –

Project Manager – 我没有亲自使用它，但它有百万+安装。所以建议你一定要看一下。

10. Indenticator(缩进指示器)

它在视觉上突出显示当前的缩进个数，因此，你可以轻松区分在不同级别缩进的各种代码块。

11. VSCode Icons

使您的编辑更具吸引力的图标！

类似的扩展 –

12. Dracula (Theme)

Dracula 是我最喜欢的主题。

我们可以使用快捷键来快速的选择更换主题；

首先：按下 Ctrl + k

然后再按下：Ctrl + t

13. 其它推荐

Fira Code — 带编程连体字的等宽字体。愚人码头注：clone 项目后，找到 ttf 文件夹，然后安装该文件夹中的字体文件。重新启动 VSCode ，选择TOOLS -> Options -> Fonts and Colors ，选择 Fira Code 即可。
Live Server — 一个具有静态和动态页面的实时重新加载功能的本地开发服务器。
EditorConfig for VS Code – 此插件尝试使用.editorconfig文件中的设置覆盖用户/工作区设置，不需要其他或特定于 vscode 的文件。与任何EditorConfig插件一样，如果未指定root = true，EditorConfig将继续在项目外部查找.editorconfig文件。
Prettier for VSCode — 一个代码格式化工具。
Bookmarks – 它可以帮助您在代码中导航，轻松快速地在重要位置之间移动。不再需要搜索代码，它还支持一组选择命令，允许您选择书签线和书签线之间的区域，它对日志文件分析非常有用。
Path Intellisense — Visual Studio Code插件，可自动填充文件名。
Version Lens — 在Visual Studio代码编辑器中显示npm，jspm，bower，dub和dotnet核心的软件包版本信息。