VSCode 的其它便利小插件 TODO Highlight Rainbow Brackets indent-rainbow Visual Studio Intellicode configure display language Bookmarks vscode-icons Beautify Code Runner Code Spell Checker Path Intellisense One Dark Theme Project Manager Bracket Pair Colorizer2 Indenticator

VSCode 的其它便利小插件
TODO Highlight
Rainbow Brackets
indent-rainbow
Visual Studio Intellicode
configure display language
Bookmarks
vscode-icons
Beautify
Code Runner
Code Spell Checker
Path Intellisense
One Dark Theme
Project Manager
Bracket Pair Colorizer2
Indenticator

写代码过程中,突然发现一个Bug,但是又不想停下来手中的活,以免打断思路,怎么办?按照代码规范,我们一般是在代码中加个TODO注释。比如:(注意,一定要写成大写TODO,而不是小写的todo)

//TODO:这里有个bug,我一会儿再收拾你

或者:

//FIXME:我也不知道为啥, but it works only that way.

安装了插件 TODO Highlight之后,按住「Cmd + Shift + P」打开命令面板,输入「Todohighlist」,选择相关的命令,我们就可以看到一个 todoList 的清单。

Rainbow Brackets

Rainbow Brackets 插件:突出显示成对的括号。

indent-rainbow

indent-rainbow 插件:突出显示缩进。

Visual Studio Intellicode

这个插件能帮助开发人员生成智能代码补全提示,并且它内置支持很多种编程语言。
Visual Studio Intellicode 使用机器学习技术,通过学习大量 GitHub 项目的代码,能找到一些编码模式,然后在你编程时给予代码提示。

configure display language

安装语言包即可。

Bookmarks

书签使用。

vscode-icons

vscode-icons 插件可以实现对各种文件类型的文件前的图标进行优化显示,这样我们在查看长长的文件列表的时候,可以直接通过文件的图标就可以快速知道文件的类型,而不是去看文件的后缀。

Beautify

Beautify 插件可以快速格式化你的代码格式,让你在编写代码时杂乱的代码结构瞬间变得非常规整,代码强迫症必备,较好的代码格式在后期维护以及他人阅读时都会有很多的便利。

Code Runner

如果你需要学习或者接触各种各样的开发语言,那么 Code Runner 插件可以让你不用搭建各种语言的开发环境,直接通过此插件就可以直接运行对应语言的代码,非常适合学习或测试各种开发语言。

支持的语言有:C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, 以及一些自定义的命令。

Code Spell Checker

此插件安装后就不用管就好了,在你代码中有单词拼写错误时,你就会发现它的好处,因为我们写代码毕竟都是大量的英文单词变量定义,插件还可以给出错误拼写单词的建议。

Path Intellisense

自动路径补全功能。

One Dark Theme

来自 Atom 的 one dark 主题好看实用。

Project Manager

工程项目过多时,shift+cmd+p(shift+ctrl+p) 然后输入project,第一次选择edit Project编辑自己的工程项目,之后就可以直接选择open打开你的项目。

Bracket Pair Colorizer2

安装 Bracket Pair Colorizer2插件,会通过不同颜色来展示匹配的括号,这样代码不容易一楼括号。

Indenticator

安装 Indenticator 插件,会将同一级的深度用竖线对齐展示,这样很容易看出来块结构,比如下图中就 for 语句块内的代码就有一条竖线,而内部的 if 和 else 则分别还有一条竖线。这些竖线只是帮助你看代码更容易。