返回

掌控编辑器才能掌控代码 VSCode插件推荐(中)

前端

没有趁手的工具,巧妇也难为无米之炊。优秀的工具能大幅提高工作效率,特别是程序员这样脑力劳动的工作。上回说了语言的基本设置,这一期就来说说工具中的重中之重——编辑器插件。

推荐插件之前先说一点自己的习惯。平时写代码,我的VSCode界面通常只有一半大小,因为要兼顾信息搜索。这样势必会造成代码缩进以及代码的增删出现明显的视觉偏移,对于强迫症的我,这实在让人难以接受。

正所谓“需求决定供给”,我试过很多插件都没能满足我的需求,直到我发现了Guide这款神器,我的需求终于得到满足。

Guide

Guide 是一款帮助你快速浏览和导航源代码的工具,同时也可以用来改善代码视觉的工具。

除此之外,这款插件还可以帮助你识别出源代码中通常难以察觉的错别字,比如引用缺失的变量、函数没有正确返回。有了 Guide 的帮助,你会很容易地注意到源代码的结构以及是否跟预期一致。

Indent Rainbow

你也许会有这样的经历,想要在代码中标记出特定块的内容,但由于缩进层次太深而无法清晰地看到。这时 Indent Rainbow 就派上用场了。

Indent Rainbow 能够让你以不同的颜色标记出源代码中的不同缩进层次。你可以指定每种缩进层次的颜色,同时还能设置背景色。如果你想快速定位到源代码中的某一层缩进,这绝对是一款神器。

另外,目前这款插件同样支持嵌套,只要你想要,你可以给源代码加上多达 10 种不同的颜色。

Bracket Pair Colorizer 2

写代码时我们经常需要匹配大量的括号,这对人类来说很容易,但对于机器来说却存在一定的难度。对于没有自动补全括号的编辑器来说,很容易忘记关闭括号,或者在源代码中引入多余的括号。这时候 Bracket Pair Colorizer 2 就派上用场了。

Bracket Pair Colorizer 2 可以让你在编辑代码时快速地找到相对应的括号,并且用不同的颜色来标记它们。这能够帮助你快速地匹配括号,避免因忘记关闭括号而引入错误。

Path Intellisense

如果你经常使用代码自动补全功能,那么 Path Intellisense 绝对是一款不可错过的插件。Path Intellisense 可以自动补全你正在输入的路径。

目前 Path Intellisense 支持多种路径,包括文件路径、模块路径、甚至是环境变量路径。当你输入一个路径时,Path Intellisense 会自动为你补全剩下的路径。这能够大幅提高你的开发效率,让你少打很多字。

Code Spell Checker

代码拼写检查器是一款功能强大的拼写检查工具。它能够检查代码中的拼写错误,并为每个拼写错误提供更正建议。

目前 Code Spell Checker 支持多种语言,包括但不限于 Python、Java、C++、C# 等。你只需要安装相应的语言包,然后启用 Code Spell Checker 插件,它就会自动检查你的代码中的拼写错误。

Code Spell Checker 可以帮助你快速地纠正代码中的拼写错误,提高代码的可读性和可维护性。

总结

以上五款插件是我个人最常用的 VSCode 插件,它们能够大幅提高我的工作效率。如果你跟我有同样的困扰,那么不妨试试这些插件。我相信它们会让你的开发工作更加轻松愉快。