react vscode prettier 格式化代码

在 VSCode 中配置 Prettier 来格式化 React 项目是一个非常实用的方法，它可以帮助你保持代码风格一致并提高可读性。以下是详细的步骤：

步骤 1: 安装 Prettier

打开 VSCode 的终端（快捷键：Ctrl+` ）。

安装 Prettier：

npm install --save-dev prettier

安装 VSCode 的 Prettier 插件：

在 VSCode 的扩展市场中搜索 Prettier - Code formatter 并安装。

步骤 2: 配置 Prettier

在项目根目录创建或更新 .prettierrc 文件，用于定义 Prettier 的规则。例如：

{
   
  "semi": true,
  "singleQuote": true,
  "jsxSingleQuote"