在 VS 代码中保存时美化？

Posted 2023-02-21

【中文标题】在 VS 代码中保存时美化？

【英文标题】：Beautify on save in VS code?

【发布时间】：2018-09-21 03:34:28

【问题描述】：

我刚刚为 vs 代码安装了beautify extension

我想在保存文件时美化我的代码，但不知道如何配置它。

它说

当“editor.formatOnSave”为真时，将启用保存时美化。

但我不知道把它放在哪里，因为我在任何文件中都找不到默认选项。

我正在尝试切换到 VS 代码并解决问题。

【问题讨论】：

How do you format code on save in VS Code的可能重复

【参考方案1】：

我的 javascript 设置依赖于 ESlint 和 Prettifier。

我得到了自动格式化/自动修复配置：

 "editor.codeActionsOnSaveTimeout": 2000,
  "editor.codeActionsOnSave": 
    "source.fixAll": true
  

【参考方案2】：

对于 Windows，单击“文件”-> 首选项-> 设置。然后搜索editor.formatOnSave，把“true”换成“false”

对于 Mac，点击“代码”（屏幕左上角，“文件”、“编辑”和“查看”的左侧）-> 首选项 -> 设置 -> 在其中输入术语“editor.formatOnSave”页面顶部的搜索设置框。点击勾号将其标记为真。

【讨论】：

i.imgur.com/CcscL2H.jpg 我这样做对吗？即使重新加载vscode似乎也不起作用

不确定它是否有任何作用。当我保存我想要的文件时，它不会美化我的代码。

我回答了你最初的问题，在哪里可以找到设置，所以很感激 +1 :)，如果你现在有另一个关于为什么某些插件不起作用的问题，我需要关于那个的更多细节.示例“丑陋”代码的屏幕截图或副本，以及启用插件的所有步骤。

它对我有用。只需打开一个 html 文件并将元素移出原位，然后保存文件。元素被移回它应该在的位置。

这对我没有任何作用

【参考方案3】：

我访问了这个问题，因为我的美化在 VS 代码中不起作用 并添加上述设置解决了我的问题，但如果您希望美化也解决掉毛问题，那么您必须添加以下设置以及上述设置：（希望这对任何人都有帮助）

  "editor.formatOnSave": true,
  "tslint.autoFixOnSave": true