Prettierr如何格式化js文件 vscode

Prettier是一个自动格式化工具，主要用于美化JavaScript、TypeScript等代码。在Visual Studio Code (VSCode) 中使用Prettier格式化JS文件，通常需要安装Prettier插件，并配置合适的设置。以下是简单的步骤：

1. **安装Prettier**:
- 打开VSCode，进入命令面板（`Ctrl + Shift + P` 或 `Cmd + Shift + P`）。
- 输入 "Install Extension" 并选择 "Prettier - Code formatter" 进行安装。

2. **安装ESLint（可选）**:
Prettier通常需要搭配ESLint使用，因为它是通过ESLint插件集成的。安装ESLint并配置规则 (`npm install eslint --save-dev`)，然后创建`.eslintrc.js` 文件。

3. **配置Prettier**:
- 安装Prettier配置插件，如 `prettier-vscode`。
- 创建或打开VSCode的settings.json文件（`File > Preferences > Settings`），添加或编辑以下内容：

     {
       "editor.formatOnSave": true,
       "prettier.configPath": "${workspaceFolder}/.prettierrc",
       "eslint.validate": [
         "javascript",
         "typescript"
       ]
     }

- 如果你想自定义Prettier的配置，可以在`.prettierrc`或`.prettierrc.js`中指定规则。

4. **启用格式化**:
- 按 `Shift + Alt + F`（快捷键）或点击菜单栏的 "Format Document"，即可应用Prettier格式化当前的JS文件。

5. **保存自动格式化**:
设置了`"editor.formatOnSave"`为true后，每次保存文件时，Prettier会自动格式化。