配置vscode格式化代码
时间: 2023-12-02 21:02:26 浏览: 138
vscode 使用Prettier插件格式化配置使用代码详解
要配置 VS Code 格式化代码,需要安装相应的插件。常用的插件有 Prettier 和 ESLint。以下是配置步骤:
1. 安装 Prettier 插件:在 VS Code 中按下 Ctrl + Shift + X,搜索 Prettier 并安装。
2. 安装 ESLint 插件(可选):同样在插件市场中搜索并安装 ESLint。
3. 在 VS Code 的设置中搜索 "format on save",勾选该选项,表示保存时自动格式化代码。
4. 在项目根目录下创建 .prettierrc 文件,并在其中配置 Prettier 的规则。例如,可以将 .prettierrc 文件的内容设置为:
```
{
"semi": true,
"singleQuote": true
}
```
这表示在代码中使用分号,并使用单引号。
5. 如果安装了 ESLint 插件,还需要在项目根目录下创建 .eslintrc 文件,并在其中配置 ESLint 的规则。例如,可以将 .eslintrc 文件的内容设置为:
```
{
"extends": "eslint:recommended",
"rules": {
"semi": ["error", "always"],
"quotes": ["error", "single"]
}
}
```
这表示使用 ESLint 的推荐规则,并强制使用分号和单引号。
阅读全文