通过使用快捷键或配置设置，可以在 Visual Studio Code 中实现代码自动排版：快捷键排版：Windows/Linux：Ctrl + K, Ctrl + F；macOS：Cmd + K, Cmd + F配置设置排版：搜索并启用“editor.formatOnType”，每次键入字符时自动排版当前行高级排版选项：自定义排版规则（例如，缩进大小、行长），并选择所需的排版器（例如，Prettier、ESLint）
如何使用 Visual Studio Code 自动排版
在 Visual Studio Code（简称 VSCode）中，使用快捷键或配置设置，可以轻松实现代码自动排版。
快捷键排版
-
Windows/Linux：
Ctrl + K,Ctrl + F -
macOS：
Cmd + K,Cmd + F
使用此快捷键后，VSCode 将根据其内置规则自动对当前活动文档进行排版。
配置设置排版
除了快捷键之外，还可以通过配置设置进行自动排版：
SlipHover动画遮罩层显示插件
下载
SlipHover 是一个基于 jQuery 的插件，它能够感知鼠标移动方向，并在相应的方向（或反方向）以动画的方式显示出一个遮罩层，用来显示标题或描述，应用到幻灯片或相册中是个不错的选择。SlipHover 还支持自定义遮罩高度、动画时间、字体颜色、背景颜色、文字排版等等。合理的搭配，相信能让你的幻灯片或相册更加的上档次。
- 打开 设置（
Ctrl + ,或Cmd + ,） - 搜索“editor.formatOnType”
- 将其设置为 true
启用此设置后，每次键入字符时，VSCode 都会自动对当前行进行排版。
高级排版选项
除了基本的排版功能外，VSCode 还提供高级排版选项，包括：
- 确定排版规则： 在 设置 中搜索“editor.defaultFormatter”，然后选择所需的排版器（例如，Prettier、ESLint）
- 自定义排版设置： 在 设置 中搜索“[排版器名称].formatOptions”，即可自定义排版器规则（例如，缩进大小、行长）
通过利用这些选项，您可以对 VSCode 的自动排版功能进行微调，以满足您的特定代码风格要求。
