如何在VS code中保存代码格式

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

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

  • 手动格式化Shift + Alt + F
  • 在类型"editor.formatOnType": true上格式化
    • 当你按回车键时，它会格式化行。不幸的是，当您用鼠标单击另一行或按上下箭头时，它会保持未格式化。
      • 李< / ul > < / >
    • 使用现有分机
      • 我尝试了这个一个，但它似乎工作得不太好。
        • 李< / ul > < / >
      • 使用美化"beautify.onSave": true
        • 它不适用于TypeScript
          • 李< / ul > < / > 写自定义扩展名
          • 如果你想正确地处理自动保存和构建，这是很棘手的。
            • 李< / ul > < / >
383707 次浏览
小开
最佳答案

截至2016年9月(VSCode 1.6)，现在正式为支持。

在你的settings.json文件中添加以下内容:

"editor.formatOnSave": true
小开

如果你想在保存时仅使用Javascript源代码自动格式化，请将此文件添加到Users Setting(按Cmd转变P或Ctrl转变P，然后输入Open Settings (JSON)打开settings.json文件)

"[javascript]": { "editor.formatOnSave": true }
小开
对于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
}
小开

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

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

VS Code - Open Settings Command Image .

  1. 在搜索框中输入'格式'，并启用'格式保存'选项。

enter image description here

你完成了。谢谢你！

小开

eslint:

"editor.codeActionsOnSave": { "source.fixAll.eslint": true }
小开
对于任何语言的neet格式，都可以使用Prettier - code formatter。 应用此函数后，可以格式化代码Alt + Shift + f enter image description here < / p >
小开

经过几个小时的挣扎…以下步骤是有效的。

  1. 安装这个扩展

https://marketplace.visualstudio.com/items?itemName=pucelle.run-on-save

  1. 添加下面的json，到下面的文件:

文件:

<your-project-directory>\.vscode\settings.json
OR
%UserProfile%\AppData\Roaming\Code\User\settings.json

JSON:

注意:请确保在下块之前和之后使用逗号。

    "files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000,
"runOnSave.statusMessageTimeout": 3000,
"runOnSave.commands": [
{
"match": ".*\\.*",
"command": "editor.action.formatDocument",
"runIn": "vscode"
}
],

现在，当代码被更改时，1秒后，它被格式化&自动保存。

小开

对我来说，formatOnSave不起作用，因为我已经安装了prettier，并且还没有在内置和prettier之间选择作为默认格式化器。

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

小开

除了启用设置Format On Save，对于python开发人员，您可能需要安装autopep8包，该包被vscode作为默认使用，以在保存代码时格式化python代码。

pip install autopep8

然后，按ctrl + s查看变化。

小开
首先，您需要选择刚刚添加为扩展的格式化程序。 按CTRL + Alt + f并从下拉菜单中选择你想要的格式化器。 每次保存都会自动格式化
小开

避免冲突的最佳方法是为每种语言定义单独的格式化器，例如，如果我使用生锈和打印稿，我想分别使用扩展Rust-Analyzer和更漂亮格式化代码，因此在我的.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扩展。

小开

Goto设置和搜索格式
check Editor: Format On Save < / p >

或者遵循以下步骤

Update your settings

小开

如果你使用更漂亮和这行

"editor.formatOnSave": true

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

"editor.defaultFormatter": "esbenp.prettier-vscode",


提交答案