Visual Studio Code 的 Ruby 和 Rails 插件

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

以下是我在 Ruby on Rails 开发中使用的所有插件的简要列表。

Ruby/Rails 特定扩展

红宝石

你需要它来进行语法支持等等，所以这是必备的。

红宝石太阳图

这款插件绝对值得拥有。它能让 Ruby 中所有类、模块和方法都支持“跳转到定义”功能。它还具备上下文相关的代码补全和文档功能，非常实用。如果你只能选择列表中的一个插件（Ruby 插件除外），那就选它吧。它真的非常棒！

ruby-rubocop

如果您使用 Rubocop，那么此扩展程序可以让您使用 Rubocop 格式化代码。强烈建议您这样做，因为它能确保您的代码风格保持一致，尤其是在团队协作中。

专业提示：如果您使用 Spring，可以使用spring-commands-rubocop为 Rubocop 创建一个 binstub，这样运行速度会快得多。您需要在 VSCode 中将“ruby.rubocop.executePath”设置为“bin/”才能使其正常工作。

Rails 快速导航

如果您使用的是 Rails 默认的目录组织方式，那么这款插件可以让您的应用程序导航变得轻而易举。您可以使用它在控制器操作、模型、视图甚至规范之间快速切换。

Rails Open Partials

这将使 VSCode 中的“跳转到定义”功能可用于视图片段。这对于快速浏览复杂的视图结构非常方便。

Rails 最新迁移

这是一个简单的扩展程序，可以打开应用程序中最新的迁移文件。我经常使用它，所以绝对值得拥有。

RSpec Focus

如果你使用 RSpec，那么这是一个非常实用的扩展。它能让你轻松地focus: true为测试用例添加只运行特定测试用例的功能。

简易版 Ruby ERB（如果您使用 ERB）

在视图中快速切换 ERB 标签。这将为您节省大量输入时间。

Ruby Haml（如果您使用 Haml）

Haml 的语法支持。

Haml Lint（如果您使用 Haml）

它使用haml-lint gem 来帮助你编写简洁一致的 Haml 代码。

末端

自动添加end到方法和语句中。

通用扩展

短跑

如果您使用Mac 版Dash 文档浏览器，则可以使用此扩展程序快速跳转到任何类或方法的文档。

在 GitHub 中打开

快速跳转到Github上打开的文件。

复制相对路径

这将复制项目根目录下所有文件的相对路径。非常适合运行特定测试用例等操作。

HTML 中 CSS 类名的智能感知

将为项目中的任何 CSS 类添加智能感知功能，即使是那些在 Bootstrap 等外部样式表中定义的类。

更漂亮

一款简洁高效的 HTML、CSS、JavaScript 等代码格式化工具。它采用固定的设置方式，不提供太多配置选项。如果您需要一款简单易用、无需修改配置文件的工具，那么它非常适合您。

Unibeautify

另一个格式化工具。这是一个“元格式化工具”，它使用其他格式化工具。因此，你可以使用 Prettier 格式化 CSS，使用其他工具格式化 HTML，所有这些都由 Unibeautify 管理。这也是我所知的唯一一个能够很好地处理 ERB 模板的格式化工具。使用Pretty diff格式化工具处理 ERB 模板，你会获得不错的体验。

Vim
这个插件基本上能把 VSCode 变成 Vim 编辑器。我试用了一下，就再也离不开它了。你可能需要几周时间才能熟练掌握，但之后你就会发现它非常棒。在我看来，这是一个非常优秀的插件，它能大大提高你的工作效率。这篇文章对这个插件有很好的介绍，可以看看。

结论

好了！这些就是我所有的 Ruby on Rails 开发插件了。有遗漏吗？请在Twitter上告诉我！