如何使用 Vscode 和 Prettier 格式化选中的代码？

要使用 VSCode 和 Prettier 插件格式化选中的代码，请按照以下步骤操作：

1. 安装 Prettier 插件：

   • 启动 VSCode。
   • 转到扩展视图，可以通过点击侧边栏的扩展按钮或使用快捷键 Ctrl+Shift+X (Windows/Linux) 或 Cmd+Shift+X (macOS)。
   • 在扩展搜索框中输入“Prettier - Code formatter”。
   • 找到 Prettier 扩展后，点击“安装”按钮。

2. 选中要格式化的代码：

   • 在编辑器中打开你想要格式化的文件。
   • 使用鼠标或键盘快捷键（如 Shift+Arrow keys）选择你希望格式化的代码段。

3. 格式化选中的代码：

   • 可以通过右键点击选中的代码，然后选择“格式化选定代码”来格式化。
   • 或者使用快捷键：
     • Windows/Linux: Ctrl+K Ctrl+F
     • macOS: Cmd+K Cmd+F
   • 如果这些快捷键没有工作，可能是因为它被其他扩展或自定义设置占用了。你可以通过 F1 或 Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (macOS) 打开命令面板，并输入“Format Selection”，然后选择相关命令来格式化选中部分。

4. 配置 Prettier：

   • 如果你想自定义 Prettier 的格式化规则，可以在项目根目录下创建一个 .prettierrc 配置文件，或者在 settings.json 中添加 Prettier 的设置。
   • 例如，在 .prettierrc 文件中，你可以设置：

     json
     {
       "semi": false,
       "singleQuote": true
     }

   • 或者在 VSCode 的 settings.json 文件中，你可以这样设置：

     json
     {
       "[javascript]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode",
         "editor.formatOnSave": false
       },
       "prettier.semi": false,
       "prettier.singleQuote": true
     }

确保你的文件类型是 Prettier 支持的，并且 VSCode 使用 Prettier 作为默认格式化工具。如果遇到问题，检查是否有其他格式化插件冲突或者 Prettier 是否被正确地安装和配置。