Prettier 插件 使用

要在 Visual Studio Code 中配置 Prettier 插件，使得在按下 Ctrl + S 时自动格式化代码，你可以按照以下步骤进行设置：

1. 安装 Prettier 插件：

   确保你已经在 Visual Studio Code 中安装了 Prettier 插件。你可以在左侧的侧边栏中点击 "Extensions" 图标，然后在搜索栏中输入 "Prettier - Code formatter"，点击安装按钮进行安装。

2. 配置保存时格式化：

   打开 Visual Studio Code 的用户设置（Settings）：

   • 可以通过快捷键 Ctrl + ,（Windows 和 Linux）或 Cmd + ,（macOS）来打开设置。
   • 或者你可以点击 Visual Studio Code 左下角的齿轮图标，然后选择 "Settings"。

3. 在搜索框中输入 "format on save"。

4. 在搜索结果中，找到 "Editor: Format On Save" 选项，并确保其为勾选状态。

5. 确保 Prettier 已经被设置为默认的格式化工具。

   • 可以在搜索框中输入 "default formatter"，并确保选项 "Editor: Default Formatter" 的值为 "esbenp.prettier-vscode"。

6. 保存设置。

通过以上步骤，你就可以在 Visual Studio Code 中配置，在按下 Ctrl + S 时自动使用 Prettier 插件格式化代码了。