用于导航大型代码库的超棒 VS Code 扩展
介绍
文献资料
黑匣子
GitLens
更好的评论
Prettier
与我联系
结论
介绍
VS Code 是开发者中最优秀、最受欢迎的代码编辑器之一。根据 StackOverflow 2022 年开发者调查,74.48% 的开发者使用 VS Code 作为他们的 IDE(集成开发环境)。如果你还没有尝试过,我推荐你尝试一下。
VS Code 的一大优势在于其高度可定制性,并可通过扩展程序执行各种任务。市面上有超过 3 万个扩展程序,但其中很少有值得一试的,尤其是在浏览大型代码库或提高代码可读性方面。
所以,今天我将列出一些很棒的 VS Code 扩展,你可以尝试一下,提高你的编码效率。我还会介绍一些显而易见的新增功能,以及其他一些有趣且实用的扩展。
文献资料
使用 Documatic 代码搜索浏览您的大型代码库。
Documatic 是一款代码搜索工具,可让您查询代码库。您可以像询问项目经理/代码维护人员一样询问 Documatic。它会提供与您的查询最相关的代码块。
它使用起来非常简单,只需将代码库连接到他们的平台即可。他们支持 GitHub、BitBucket 和 GitLab。连接并安装 documatic 后,只需点击Ctrl + K
即可搜索代码库。
当您需要了解新的代码库时,可以用它来进行开源贡献。在引导新开发人员加入任何项目时,它也非常有用。一般来说,代码搜索可以通过个性化查询帮助理解任何大型代码库。
黑匣子
编码速度如您所想
如今,代码生成器越来越受欢迎。Blackbox 就是这样一款生成/推荐代码的工具。当你需要快速编辑代码时,它能够快速生成代码。你还可以参考生成的代码,并使用参考代码编写代码。它还可以用来寻找使用不同代码解决问题的不同方法。
使用 Blackbox 生成代码非常简单,只需在查询语句后//
加上?
引号即可。查询语句可以使用自然语言,例如“nodeJS 中回文数的代码”。这将生成 JavaScript 代码,您也可以使用不同的编程语言。使用Tab
,您可以切换到不同的代码推荐。
由于 GitHub 副驾驶员即将获得报酬,您可以尝试使用 Blackbox 来生成代码。
GitLens
GitLens 只是帮助您更好地理解代码。
如果您在团队中工作,此扩展将非常有帮助。您可以导航到之前的更改,可视化提交图和历史记录视图,以及更多其他功能。它使用 Git 来跟踪所有底层更改,因此您需要在存储库中初始化 Git。
File Annotations
安装扩展程序后,上方状态栏右侧会显示一个按钮。使用该按钮,您可以归档Blame
、Heatmap
和Changes
。同时,Blame
您还可以查看该行上次编辑的时间以及编辑者。
它的一个很酷的功能是修订历史记录。有了它,你可以将你的代码与之前的提交进行比较。之前的代码将与当前代码相邻打开。
更好的评论
通过注释警报、信息、TODO 等来改进您的代码注释!
编写良好的注释是实现代码整洁的实践之一。良好的注释能让读者了解代码的目的,并通过 TODO 提示未来更新。使用此扩展,您可以根据不同的用途,用不同的颜色突出显示注释。这将使您的注释更易于阅读,并且通过颜色,读者能够识别其目的。
你只需要在注释前加上符号即可。例如:
符号 | 目的 |
---|---|
* | 重要信息 |
! | 警报 |
? | 问题 |
待办事项: | 添加待办任务 |
您还可以自定义评论的颜色。与 GitHub co-piolet 配合使用,可以获得更好的评论和高亮效果。
Prettier
使用 Prettier 的代码格式化程序
Prettier 是 VS Code 市场上最好的代码格式化扩展之一。它易于设置和使用,无需进行大量设置。您只需Default Formatter
在“用户”设置中切换到 Prettier 即可。
对于那些代码格式有困难的人来说,这个扩展非常方便。格式良好的代码,读者无需过多关注就能轻松理解代码及其用途。
每次保存时,Prettier 都会运行来格式化代码。它支持大多数流行语言。您可以使用插件来处理其他语言。
与我联系
结论
上面列出的扩展程序非常棒,我都用过。我建议你尝试一下,看看哪个最适合你的 VS Code。
希望本文能帮助您找到一些适用于 VS Code 的精彩且有趣的扩展。感谢您阅读这篇博文。
文章来源:https://dev.to/surajondev/awesome-vs-code-extensions-for-navigating-large-codebases-256n