如何在 VS Code 中自动格式化 Ruby 或 .erb 文件？

Question

我在 Visual Studio Code for macOS 中按 ⌥ + ⇧ + F （ 格式化文档 的快捷方式）来格式化名为 foo.rb 或 foo.html.erb 的文件。

它没有格式化文档，而是打印出这封信： Ï

我如何得到它来格式化文档？

原文由 Derek 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以在 VSCode 中设置格式关联，因此 .erb 文件将被视为 .html。

转到文件->首选项->设置->单击右上角的…->打开 settings.json

然后将这段代码添加到您的 settings.json

 "files.associations": {
   "*.html.erb": "html"
}

这就是我解决这个问题的方法。它会删除一些代码亮点，但会像 HTML 文档一样自动格式化 HTML 模板。

原文由 Никита Львов 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您将需要 VS Code 的 settings.json 文件中的所有这些设置：

 "ruby.rubocop.onSave": true,
"editor.formatOnSaveTimeout": 5000,
"editor.formatOnSave": true,
"files.associations": {
    "*.erb": "erb"
},

保存设置文件。在 VS Code 上安装“ruby-rubocop”和“ERB Formatter/Beautify”扩展。按照这两个扩展的文档安装它们的 gem 依赖项。重新启动 VS 代码。

保存时格式化功能只会在文件实际保存时触发（只有在您更改文件时才会发生）。保存没有更改的文件不会触发保存时格式。

原文由 Andrew Koster 发布，翻译遵循 CC BY-SA 4.0 许可协议