vscode必备插件，美化、炫酷、实用-留着防丢

1、Bracket Pair Colorizer：

给匹配的括号着色

 

 

2、Chinese (Simplified) Language Pack for Visual Studio Code：

适用于 VS Code 的中文（简体）语言包

3、Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将 banane 添加至检查器的字典中。

4、Indent-Rainbow

让缩进带有颜色

 

 

5、Material Icon Theme

好看的文件图标

 

 

6、Path Intellisense

自动完成文件名

 

 

7、Power Mode

不多说，看图，非常炫酷，这会让你成为你公司最靓的程序仔。

注：若觉得卡顿，可以设置把抖动去掉就不卡了。

 

 

8、TODO Highlight

TODO高亮显示

 

 

9、Trailing Spaces

突出显示尾随空格，让你的“空格”型强迫症 显示呈现。

 

 

10、Todo Tree

在树状视图中显示TODO

 

 

 

11、Prettier - Code formatter

更优雅的代码格式化。vscode 里比较优秀的一个格式化插件。

12、JSON5 syntax

让json也能写注释。需要把文件格式改为 .json5 。

 

 

13、Code Runner

这个插件可以直接运行所选中的代码。

 

 

假设要对某段代码片段进行test，我需要尝试当前环境下的语言(.dart)的输出语句是否是print("")，无论你在 .dart 文件的哪个位置写、无论你的其他地方的代码是否出错，只要选中代码的范围，右键 Run Code ，都能给你执行。

例如：只要选中这些字符，右键run code，就能直接输出结果。

 void main(List<String> args) {
      print("object");
    }

 

 

注意会每次执行run code，都会生成一个新文件tempCodeRunnerFile.xxx。

14、A-super-translate

划词翻译。鼠标停留选中几秒就会查看翻译内容。

 

 

15、filesize

在状态栏中显示当前文件大小。

 

 

16、TabNine

Al辅助代码补全神器。可以根据你写过的代码习惯，来给你匹配合适的字段。

例1：红色框框是当前代码的习惯，绿色框框则是自动匹配的。

 

 

例2：

 

 

17、VS Code Counter

统计代码总行数、注释行数、空白行数，以及使用的语言。

使用方法：右键需要统计的文件夹—Count lines in directory

 

 

18、Rainbow Fart

官方概述：VSCode Rainbow Fart是一个在你编程时持续夸你写的牛逼的扩展，可以根据代码关键字播放贴近代码意义的真人语音。

使用方法(来自官方)：

1. 在 VSCode 的菜单栏中找到 查看 - 命令面板，或使用快捷键 Ctrl + Shift + P（MacOS Command + Shift + P）呼出 命令面板。

2. 在 命令面板 中输入 > Enable Rainbow Fart 并回车。

3. 此时应该会弹出一个消息通知，点击通知上的 Open 按钮。

4. 在打开的页面上点击 授权。

5. 享受编程吧！请尝试在 VSCode 中输入 function 关键字。

注意：网页页面必须保持打开状态才能在写代码时播放语音。

19、Better Comments

通过添加彩色注释来改进您的代码并使其更具吸引力。

 

 

20、Error Lens

将编辑器诊断出的警告、错误、语法问题（提示的波浪线）等，以用颜色填充行背景的方式突出提示，并将诊断信息显示在尾部。

 

 

21、Markdown Preview Enhanced

非常好用的 Markdown 预览插件，预览窗口内置于 vscode 中。

 

 

22、Peacock

给不同的工作区设置不同的颜色。

这对前后端分离项目，或多项目需求的人来说非常好用。

 

 

注：选择颜色的时候按键盘上下可以预览。