如何在VS Code中保存时格式化代码

426

我想在保存文件时,使用Visual Studio Code的内置格式化程序自动格式化TypeScript代码。

我知道以下选项,但没有一个能够很好地满足我的需求:

  • 手动格式化 Shift + Alt + F
  • 实时格式化 "editor.formatOnType": true
    • 它只在按下回车键时格式化该行。不幸的是,当你单击另一行或按上/下箭头时,它会使该行未格式化。
  • 使用现有扩展
    • 我尝试了这个扩展,但它似乎效果不佳。
  • 使用美化插件 "beautify.onSave": true
    • 它无法与TypeScript配合使用。
  • 编写自定义扩展
    • 如果要正确处理自动保存和构建,则非常棘手。

1
如果您已经安装了prettier扩展程序。在Windows系统下,请按Alt + Shift + f键,或在设置中搜索@id:editor.defaultFormatter,并选择prettier作为默认格式化程序。 - DevAB
13个回答

1
首先,您需要选择刚刚添加为扩展的格式化程序。 按下ctrl + alt + f,然后从下拉菜单中选择您想要的格式化程序。 之后,每次保存时都会自动格式化。

0

前往设置并搜索格式
勾选编辑器:保存时格式化

或按照以下步骤进行操作

Update your settings


0
除了启用“保存时格式化”功能外,对于Python开发人员来说,您可能还需要安装autopep8软件包,该软件包是由vscode默认使用的,用于在保存代码时格式化Python代码。
pip install autopep8

然后,按下ctrl + s查看更改。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接