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

Question

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

我删除了我的pretier扩展，因为对于Vue项目，我使用Airbnb代码风格，它不能与pretier扩展一起工作。

目前我的VSC设置是

https:/gist.github.commatthiashermsen425609b71c7f6d1907fced3eaf2a6021。

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扩展程序