VS Code 美化插件

目录

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

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


1. Better Comments 更好的注释

Better Comments

  • Better Comments 扩展将帮助您在代码中创建更人性化的注释。有了这个扩展,您将能够将您的注释分类为:

    1. 警报 !
    2. 问号 ?
    3. 待办事项 TODO
    4. 强调 *
    5. 注释掉的代码也可以样式化,以明确代码不应该存在
    • 您想要的任何其他注释样式都可以在设置中指定

2. indent-rainbow 彩虹的缩进

indent-rainbow

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

3. Trailing Spaces 尾随的空格

Trailing Spaces

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

4. Gruvbox Material 护眼的材质

Gruvbox Material

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

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


5. Md Editor 博客编辑器

Md Editor

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

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

  • 主要特性:

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

6. 待补充

  • 日后有的话补充
相关推荐
Robot_Nav12 小时前
AI 编程助手 Skill 完全指南:VS Code · Trae CN · Claude Code
人工智能·vscode·skill·trae·claude code
生而为虫16 小时前
在VScode中使用Claude Code agent并配置模型(仅mac电脑实际操作,windows电脑未实际操作如有问题可留言)
windows·vscode·macos
千码君20162 天前
flutter: 分享一下基于trae cn 构建的过程
java·vscode·flutter·kotlin·trae
我才是一卓2 天前
2026 Python 入门教程,结合 vscode 和 miniforge/miniconda
开发语言·vscode·python
lzl20402 天前
VSCode中Codex CLI登录卡在‘Sign in with ChatGPT‘屏幕
ide·vscode·chatgpt·codex
SkyXZ~2 天前
Mac上使用VScode优雅开发STM32
vscode·stm32·macos
xskukuku2 天前
VSCode中的Codex插件如何调用第三方API
vscode·ai·codex
lijfrank2 天前
MacOS 下 VS Code + LaTeX + Skim 双向同步配置
vscode·macos·pdf·latex·mactex
AI进化营-智能译站2 天前
Jazzy ROS2入门指南系列05-配置VsCode实现ROS2项目开发
ide·vscode·ai·编辑器
时光之源3 天前
Visual Studio | Marketplace创建发布者(Create Publisher)时无法创建的问题解决方案
ide·vscode·visual studio·plugin·cursor