vscode格式化代码配置

要在 VS Code 中配置代码格式化，需要安装相应的代码格式化插件。常用的代码格式化插件有 Prettier 和 ESLint。以下是配置 Prettier 的步骤：

1. 安装 Prettier 插件：在 VS Code 中按下 Ctrl + Shift + X，搜索 Prettier 并安装。
2. 在 VS Code 的设置中搜索 "format on save"，勾选该选项，表示在保存文件时自动格式化代码。
3. 在 VS Code 的设置中搜索 "Prettier"，找到 "Prettier: Config Path" 选项，点击 "Edit in settings.json"，在 settings.json 文件中添加以下内容：

"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"prettier.singleQuote": true,
"prettier.trailingComma": "all",
"prettier.printWidth": 120

其中，"editor.defaultFormatter" 表示默认使用 Prettier 进行代码格式化，"[javascript]"、"[javascriptreact]"、"[typescript]"、"[typescriptreact]" 表示对不同类型的文件使用不同的格式化器，"prettier.singleQuote" 表示使用单引号，"prettier.trailingComma" 表示在对象和数组最后一个元素后面加上逗号，"prettier.printWidth" 表示一行的最大长度。