prettier - code formatter 在vscode 中如何设置

在 VS Code 中设置 Prettier 的步骤如下：

1. 安装 Prettier 扩展。在 VS Code 中按下 `Ctrl + Shift + X`，搜索并安装 `Prettier - Code formatter`。

2. 打开设置（Preferences）面板。在 VS Code 中按下 `Ctrl + ,` 打开设置。

3. 搜索 Prettier 相关设置。在搜索栏中输入 `Prettier`，会显示 Prettier 相关的设置项。

4. 配置 Prettier。可以根据自己的需求进行配置。例如，可以设置 Prettier 在保存文件时自动格式化代码：

"editor.formatOnSave": true,
"[javascript]": {
    "editor.formatOnSave": false
},
"[typescript]": {
    "editor.formatOnSave": false
},
"[typescriptreact]": {
    "editor.formatOnSave": false
},
"[json]": {
    "editor.formatOnSave": false
},
"[html]": {
    "editor.formatOnSave": false
},
"[css]": {
    "editor.formatOnSave": false
},
"prettier.singleQuote": true,
"prettier.trailingComma": "all"

其中，`editor.formatOnSave` 表示在保存文件时是否自动格式化代码；`prettier.singleQuote` 表示是否使用单引号；`prettier.trailingComma` 表示是否添加尾随逗号。

5. 保存设置。保存设置后，Prettier 就会按照你的设置格式化代码了。