> 技术文档 > VS Code 美化插件

VS Code 美化插件


目录

  • 1. Better Comments 更好的注释
  • 2. indent-rainbow 彩虹的缩进
  • 3. Trailing Spaces 尾随的空格
  • 4. Gruvbox Material 护眼的材质
  • 5. Md Editor 博客编辑器
  • 6. 待补充

推荐笔记:VS Code写代码必备的五款代码美化插件


1. Better Comments 更好的注释

Better Comments

  • Better Comments 扩展将帮助您在代码中创建更人性化的注释。有了这个扩展,您将能够将您的注释分类为:
    1. 警报 !
    2. 问号 ?
    3. 待办事项 TODO
    4. 强调 *
    5. 注释掉的代码也可以样式化,以明确代码不应该存在
    • 您想要的任何其他注释样式都可以在设置中指定

VS Code 美化插件


2. indent-rainbow 彩虹的缩进

indent-rainbow

  • 这个扩展使文本前面的缩进着色,在每个步骤上交替四种不同的颜色。有些人可能会发现它在为PythonNimYaml甚至不依赖缩进的文件类型编写代码时很有帮助。
  • 注意:这也将与vcode -web (github.dev)自8.0.0版本一起工作。

VS Code 美化插件


3. Trailing Spaces 尾随的空格

Trailing Spaces

  • VS Code提供了一种通过使用Trim trailing Whitespace命令自动删除尾随空格的方法。
  • 根据您的设置,它可能更方便,只是突出显示和/或手动删除它们,在任何时候。
  • 这个插件提供了这个功能,还有很多选项来微调你想要抽取尾随空格的快捷键方式。默认设置如下:
    1. Alt + Shift + t将立即删除当前文件中的所有尾随空格!
    2. Alt + Shift + h将立即高亮当前文件中的所有尾随空格!

VS Code 美化插件


4. Gruvbox Material 护眼的材质

Gruvbox Material

  • 预设了黑白/暗量两种对比颜色,如果要细化设置需要打开扩展设置自行选择:

  • 快捷键 Ctrl+, 然后输入搜索 Gruvbox Material 修改选项

VS Code 美化插件


5. Md Editor 博客编辑器

Md Editor
好像有点bug,编辑不太方便,虽然预览效果还行。和vscode自带的编辑器混合用吧。

  • md编辑器,本扩展支持预览和编辑markdown格式的文件,基本接近 Typora 的编辑体验。

  • 主要特性:

    • 支持即时渲染分屏预览所见即所得三种不同编辑模式
    • 支持暗黑模式和明亮模式
    • 支持粘贴图片并自动保存到当前路径的images文件夹中

VS Code 美化插件


6. 待补充

  • 日后有的话补充