visual-studio-code - 尽管存在 eslint 文件并且设置已设置为在保存时修复，但 VSC 不会格式化代码

Question

我正在使用 VSC 通过 Express、Nest、Angular、React 和 Vue(JS 和 TS)进行后端和前端开发。

我删除了我的 prettier 扩展，因为对于 Vue 项目，我使用的是 Airbnb 代码风格，它不适用于 prettier 扩展。

目前我的 VSC 设置是

https://gist.github.com/matthiashermsen/425609b71c7f6d1907fced3eaf2a6021

VSC 不会在保存时格式化代码。当我在 .ts 文件中使用双引号时，我希望它根据 linter 文件对其进行格式化，以便将双引号替换为单引号。否则，如果每行的字符太多，它会断行。

所以例如这一行
import { ApiOkResponse, ApiCreatedResponse, ApiConflictResponse, ApiNotFoundResponse, ApiBadRequestResponse, ApiBody, ApiParam, ApiQuery, ApiTags, ApiOperation } from '@nestjs/swagger';
应该在保存时格式化，因为它太长了。

有人介意告诉我如何配置 VSC 使其能够在保存时处理每种代码样式和每种 linter 文件和格式吗？

编辑器能够在保存时格式化 Vue 文件中的 HTML 代码，但无法在我的 NestJs 后端格式化 .ts 文件。

Answer 1

试试 "eslint.autoFixOnSave": true
还有可能 "editor.defaultFormatter": "dbaeumer.vscode-eslint"如果您不希望 ESLint 成为所有语言的默认格式化程序，您也可以将此语言设为特定。

最后，如果上述方法不起作用，请尝试注释掉除这些之外的所有其他设置，然后一一重新启用，看看是否有什么妨碍。

当然请注意，您必须安装 ESLint 扩展