目前,在开源代码编辑器和IDE方面,VSCode可以一枝独秀,是目前使用最广泛的工具。VSCode中大量的扩展可以让我们的开发生活更加方便高效。在这篇文章中,虫虫可以介绍最流行的VSCode插件扩展。1.ESLintESLint是OpenJSFoundation旗下的一个流行的JavaScript开源库。该库还提供VSCode扩展,可以无缝集成到VSC中。它可用于检测错误并自动修复它们或提供手动修复它们的选项。这些错误是由语法错误或违反编程风格准则引起的。编程风格可根据企业实际情况设定。ESLint易于使用、文档齐全且高度可定制。星级:5下载量:1817万源码仓库:github/Huachao/vscode-restclient2。PrettierCoding过程中经常出现代码格式乱码,比如:错误的JS代码缩进,每行写了80多个字符等等。不仅影响美观和可读性,对处女座码农来说也是一个巨大的障碍。有了Prettier,它就可以帮我们搞定这一切。它负责将代码格式化为优雅的、人类可读的格式。这包括正确缩进代码、在代码太长时将其拆分、通过添加分号保持一致等。ESLint和Prettier完美地协同工作,帮助团队提供与JavaScript样式指南的一致性,这对于可维护性非常有用。星级:4下载量:1799万源码仓库:github/prettier/prettier-vscode3.GitLensGitLens插件增强了VSC内置的Git功能。提供git更改的详细信息、作者和更改时间。这意味着在编写代码时,您可以在代码旁边看到git更改的详细信息。悬停时,它会提供有关该行代码的更多git信息和操作。这些操作包括暂存更改、提交更改、推送提交等。您实际上不需要带有此扩展的GitCLI。此外,您可以轻松导航和修改任何文件的git历史记录(向后和向前)。星级:5下载量:1263万源代码仓库:github/eamodio/vscode-gitlens4.CodeRunner使用CodeRunner,您可以轻松地在VSC中运行代码,并在VSCode(终端窗口)中输出。该扩展支持超过41种流行语言的代码,包括C、C++、Java、JS、PHP、Python、Perl、Go和Rust等。CodeRunner可以运行文件中的所有代码,也支持按需运行选中的代码。例如:您可以选择一个功能并仅运行该功能。运行选中的代码时,应确保选中的代码不依赖于未选中的代码,否则可能会出错。星级:5下载量:1087万源码仓库:github/formulahendry/vscode-code-runner/5。GitHubPR和ISSuesGitHubPR和ISSues可以帮助直接在VSCode中查看和管理GitHubPR和问题。有了它,就可以轻松列出问题并从GitHub拉取请求。可以评论问题、开始处理问题、审查和验证拉取请求等。无需打开GitHub网页来管理拉取请求或解决问题,所有这些都可以在VSCode中完成。星级:3下载次数:470万源代码仓库:github/Microsoft/vscode-pull-request-github6.Indent-rainbowIndentRainbow可以实现代码缩进着色。这对于JS和Python这样的语言非常有用。每个级别都有不同的颜色,可以轻松判断压痕的级别。扩展是可定制的,每个级别的颜色可以轻松更改,可以支持四种以上的颜色。星级:5下载:281万源码仓库:github/oderwat/vscode-indent-rainbow7.DotENVDotENV扩展可以高亮.env文件,提高可读性,防止错误。这在设置环境变量时对Node开发人员很有用。此扩展为注释(它启用注释)、字符串、数字、属性、关键字等提供了不同的颜色。这些在VSCode中默认都是白色的,但此扩展改变了这一点。它基本上使.env文件看起来像另一种带有语法高亮显示的语言文件。星级:5下载量:234万源码仓库:github/mikestead/vscode-dotenv/8。RESTClientRESTClient可用于操作和管理HTTP请求并直接在编辑器中查看响应。使用此扩展,您可以管理HTTP请求(GET、POST、DELETE、PUT等),这是使用API的一个很酷的功能,并且可以轻松地将请求响应结果保存到本地磁盘。它还支持GraphQL和身份验证。星级:5下载量:210万源码仓库:github/Huachao/vscode-restclient9.TailwindCSSTailwindCSS是一个开源扩展,可以用来最大化工作效率。我们知道Tailwind主要是关于类的,这个扩展为TailwindCSS中的所有类名提供了快速自动完成。使用此扩展,您可以通过将鼠标悬停在特定类名称上来查看其样式。TailwindCSS还为样式表或标记中的错误提供linting。因此,如果您错误地使用了类名,它会提醒您。星级:5下载量:860,000源码仓库:github/tailwindlabs/tailwindcss-intellisense10.VSCode-iconsVSCode-Icons可以根据文件夹/文件的名称或基于文件的扩展名提供交互漂亮的文件/文件夹图标.使用具有不同图标的不同类型的文件夹或文件可以让您在项目中无缝导航,而无需继续阅读文件夹或文件名。这需要更容易和更快的导航,同时使编辑器的文件列表更美观和可用。结论在本文中,我们介绍了一些优秀的VSCode扩展。当然,这只是VSCode庞大生态中的冰山一角。更多更好的插件需要大家去发现和开发。
