盡管存在 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 擴展