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

Question

我正在使用 VSC 进行后端和前端开发，包括 Express、Nest、Angular、React 和 Vue（JS 和 TS）。

我删除了我更漂亮的扩展，因为对于 Vue 项目，我使用的是 Airbnb 代码样式，它不适用于更漂亮的扩展。

目前我的 VSC 设置是

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

VSC 不会在保存时格式化代码。 当我在 a.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 扩展