当我在Visual Studio code中保存文件时,我想使用内置格式化器自动格式化TypeScript代码。

我知道下面的选项,但没有一个足够好:

格式手动Shift + Alt + F 格式输入“编辑器”。formatOnType”:真正的 当你按回车键时,它会格式化行。不幸的是,当您用鼠标单击另一行或按上下箭头时,它会保持未格式化。 使用现有扩展 我试过这个方法,但效果不太好。 使用美化“美化”。onSave”:真正的 它不适用于TypeScript 编写自定义扩展 如果你想正确地处理自动保存和构建,这是很棘手的。


当前回答

如果你用pretty和这条线

“编辑器。formatOnSave”:真正的

在保存时不能格式化,您可能需要在settings.json中添加另一个命令

“editor.defaultFormatter”: “esbenp.prettier-vscode”,

其他回答

eslint:

"editor.codeActionsOnSave": { "source.fixAll.eslint": true }

避免冲突的最好方法是为每种语言定义单独的格式化器,例如,如果我使用Rust和Typescript,我想分别使用扩展Rust- analyzer和pretty来格式化代码,因此在我的.vscode/settings.json中:

{
  "editor.defaultFormatter": null,
  "[rust]": {
    "editor.defaultFormatter": "rust-lang.rust-analyzer",
    "editor.formatOnSave": true
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
  }
}

请记住,必须首先安装Prettier和rust-analyzer扩展。

不再需要添加命令。对于那些刚接触Visual Studio Code并正在寻找保存时格式化代码的简单方法的人,请遵循以下步骤。

在Mac中按[Cmd+,](或在Windows/Linux中按[Ctrl+,])或使用下面的截图打开设置。

在搜索框中输入“format”,并启用“format On Save”选项。

你完成了。谢谢你!

除了启用保存格式设置,对于python开发人员,您可能需要安装autopep8包,这是vscode默认使用的,用于保存python代码时格式化代码。

pip install autopep8

然后,按CTRL + s查看更改。

对于MAC用户, 将这一行添加到默认设置中

文件路径为:/Users/USER_NAME/Library/Application Support/Code/User/settings.json

“tslint。autoFixOnSave”:真正的

该文件的示例如下:

{
    "window.zoomLevel": 0,
    "workbench.iconTheme": "vscode-icons",
    "typescript.check.tscVersion": false,
    "vsicons.projectDetection.disableDetect": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "eslint.autoFixOnSave": true,
    "tslint.autoFixOnSave": true
}