添加.prettierrc文件后vscode格式化代码快捷键不管用了
时间: 2023-12-19 18:04:43 浏览: 29
如果在 VS Code 中添加了 .prettierrc 文件后,代码格式化快捷键不起作用,可以尝试以下解决方法:
1. 确认 VS Code 已经安装了 Prettier 插件,并且已经启用。
2. 打开 VS Code 的用户设置(Preferences: Open User Settings),然后搜索 "format on save",确认 "Editor: Format On Save" 选项已经被勾选。
3. 在 VS Code 中打开一个项目,然后按下 "Shift + Alt + F" 快捷键,查看是否能够格式化代码。如果能够格式化,说明快捷键没有问题;否则,可能是因为其他插件占用了相同的快捷键,需要调整快捷键设置。
4. 如果步骤 3 中不能格式化代码,可以尝试在 .vscode/settings.json 文件中添加以下配置:
```json
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
}
```
这个配置会将 Prettier 设置为默认的代码格式化器,如果出现格式化问题,可以尝试添加此配置文件。