好用和有趣的VSCode插件推荐

1,020 阅读3分钟

主题类

1.Bluloco Dark Theme(丰富的类型高亮主题)

偶然发现的一个主题,每个类型分的很清楚并有相应的高亮

image.png

2.One Dark Pro(经典耐用款)

很经典的一款,简约低调但却耐看

image.png

3.vscode icons(图标)

vscode必备,侧边栏主题图标

image.png

实用类

1.Better Comments(区分不同注释类型)

对不同的注释类型提供高亮

用法: 注释符 + 空格 + 下图所示的5种符号

image.png

2.Bracket Pair Colorizer(括号高亮匹配)

用颜色标识匹配的括号

image.png

3.indent-rainbow(缩进高亮)

文本前面的缩进着色

image.png

其他有趣的

1.Rainbow Fart(写代码时夸你的彩虹屁插件)

image.png 很有意思的一款彩虹屁插件,可以在编码时不断给你赞美

这款插件将检查代码中的关键字以播放相关声音

  • function、=>、func、def
  • if、for、while
  • await
  • catch、except、err!=nil
  • import、include
  • v-html
  • fuck、shit 以下会在相应的时间点自动播放
  • $time_morning
  • $time_before_noon
  • $time_noon
  • $time_evening
  • $time_midnight
  • $time_each_hour

音源来自Alice Moon,华中科技大学一名小姐姐,人美音甜你知道的太多了

使用步骤:

  1. 从 VSCode Marketplace 安装扩展。
  2. 按 Ctrl + Shift + P(MacOS Command + Shift + P)调出命令面板。
  3. 在命令面板中键入 > Enable Rainbow Fart。
  4. 右下角会弹出通知, 单击该通知上的打开。
  5. 会在浏览器中打开一个网页,在打开的页面点击授权。
  6. 享受编码! 尝试在你的 VSCode 中输入函数。

image.png

2.Power Mode(炫酷的文字输入特效)

很炫酷的一款打字特效插件,一路火花带闪电

动画.gif

有粒子、火焰、烟花、魔法、回形针等多种模式可选

image.png

3.Thief-Book(上班摸鱼神器)

劳逸结合插件(上班看小说摸鱼神器

能够在vscode底部的状态栏显示小说,快捷键翻页,可设置老板键

image.png

使用步骤: 1.安装后点设置按钮选择扩展设置

image.png

2.填写txt的绝对路径

image.png

3.用快捷键进行下一页(注意需在文本聚焦即编辑代码时才能使用),如果路径填写正确就可以在底部看到文字了~

image.png

ps:如果发现底部没有状态栏,可以看一下状态栏是否勾选,如果没有勾选,勾上即可(“查看”->“外观”->“显示状态栏”)

4.koroFileHeader(一键佛祖保佑生成器)

用于生成文件头部注释和函数注释

  1. 文件头部添加注释

    • 在文件开头添加注释,记录文件信息/文件的传参/出参等
    • 支持用户高度自定义注释选项, 适配各种需求和注释
    • 保存文件的时候,自动更新最后的编辑时间和编辑人
  2. 在光标处添加函数注释

    • 在光标处自动生成一个注释模板, 自动解析函数参数,生成函数参数注释
    • 支持用户高度自定义注释选项
  3. 支持一键添加佛祖保佑永无BUG、神兽护体等注释图案

动画2.gif

代码规范类

1.Beautify

2.ESLint

3.Prettier

4.Stylelint

Git类

1.Git History

2.GitLens