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

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

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


当前回答

转到设置和搜索格式 检查编辑器:格式保存

或者遵循以下步骤

其他回答

对我来说,formatOnSave不起作用,因为我已经安装了更漂亮的格式器,还没有在内置和更漂亮的默认格式器之间做出选择。

为了触发选择对话框,我必须在json文件上按Alt + Shift + f。

2016年9月(VSCode 1.6),现在正式支持。

将以下内容添加到设置中。json文件:

"editor.formatOnSave": true

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

pip install autopep8

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

对于任何语言的neet格式,您都可以使用更漂亮的代码格式化器。 应用后,你可以格式化代码Alt + Shift + f

避免冲突的最好方法是为每种语言定义单独的格式化器,例如,如果我使用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扩展。