VS Code Extensions for Ruby on Rails
Tags: vscode, ruby, rails, productivity
Published: 2023-04-06 06:42:00


## VS Code Extensions for Ruby on Rails

VS code extensions help everyone write code faster and increase productivity. So today I am going to share some extensions that I personally use and that will help you with the [**Ruby on Rails**](https://rutikkpatel.medium.com/what-is-ruby-on-rails-ror-c21a3683e85e) programming language.

>  “Top 10 Must-Have VS Code Extensions for Ruby on Rails Development”


![Created By : [Rutik Patel](https://rutikkpatel.medium.com/) ( [Author](https://rutikkpatel.medium.com/) )](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0r63fg8mzplxnuqexmw0.png)



&nbsp;
## Extensions

>  Extensions made our task easy by providing some snippets, showing live changes, collaborating with others, and much more.

Let’s get started with Extensions for Ruby on Rails.

&nbsp;
## List of Extensions :

 1. Ruby

 2. endwise

 3. rufo (Ruby formatter)

 4. ERB Formatter/Beautify

 5. Rails DB Schema

 6. Rails Routes Navigator

 7. Ruby and Rails Snippets

 8. Ruby on Rails

 9. Ruby Test Explorer

 10. ruby-rubocop


---


&nbsp; &nbsp;
## 1. Ruby

Basic extension that provides ruby language support in VS Code. It is provided by Peng Lv.

**Download Link :** [Ruby](https://marketplace.visualstudio.com/items?itemName=rebornix.Ruby)

![**Ruby**](https://cdn-images-1.medium.com/max/2000/1*1ZZI5sgO9TWT-l7OTTNYFw.png)


&nbsp;&nbsp;
## 2. endwise

It automatically adds end at end of the ruby block as shown below the demo. It is provided by Kai Wood.

**Download Link :** [endwise](https://marketplace.visualstudio.com/items?itemName=kaiwood.endwise)

![**endwise**](https://cdn-images-1.medium.com/max/2000/1*3yYqwmjdIHg_7WJDg2aIRA.png)

&nbsp;
**Demo:**

![Provided by : e[ndwise](https://marketplace.visualstudio.com/items?itemName=kaiwood.endwise)](https://cdn-images-1.medium.com/max/2000/1*J8qPrYV_2gESLCkIND2Q_w.gif)


&nbsp; &nbsp;
## 3. rufo (Ruby formatter)

Extension for formatting ruby files like controller.rb, model.rb, etc. It is provided by Matt Bessy.

**Download Link :** [rufo (Ruby formatter)](https://marketplace.visualstudio.com/items?itemName=mbessey.vscode-rufo)

![**rufo (Ruby formatter)**](https://cdn-images-1.medium.com/max/2000/1*laFvWc93-TSD78unx4TtLg.png)

&nbsp;
**Demo :**

![By : [rufo (Ruby formatter)](https://marketplace.visualstudio.com/items?itemName=mbessey.vscode-rufo)](https://cdn-images-1.medium.com/max/2280/1*c1SG3mtt1y-oC5Zhh7M-sA.gif)


&nbsp; &nbsp;
## 4. ERB Formatter/Beautify

One of the best extensions to format/beautify **erb** files. It is provided by Kai Wood. This extension needs some basic setup. So you can follow its description for the setup.

**Download Link :** [ERB Formatter/Beautify](https://marketplace.visualstudio.com/items?itemName=aliariff.vscode-erb-beautify)

![**ERB Formatter/Beautify**](https://cdn-images-1.medium.com/max/2000/1*82umfXj65EDXeCIZA1oQOA.png)


&nbsp; &nbsp;
## 5. Rails DB Schema

Helps users easily view defined data in the database schema. It is provided by aki77.

**Download Link :** [Rails DB Schema](https://marketplace.visualstudio.com/items?itemName=aki77.rails-db-schema)

![**Rails DB Schema**](https://cdn-images-1.medium.com/max/2000/1*IVBNt4Jmne-S_lK0Km4Ayw.png)

&nbsp;
**Demo :**

![By : [Rails DB Schema](https://marketplace.visualstudio.com/items?itemName=aki77.rails-db-schema)](https://cdn-images-1.medium.com/max/2000/1*zathg9lrHBfddkW8tHhIBg.gif)


&nbsp; &nbsp;
## 6. Rails Routes Navigator

Every time writing [http://localhost:3000/rails/info/routes](http://localhost:3000/rails/info/routes) in the browser becomes cumbersome. So this extension provides the solution for that, Now user can access rails routes from VS Code itself. It is provided by makicamel.

**Download Link :** [Rails Routes Navigator](https://marketplace.visualstudio.com/items?itemName=makicamel.rails-routes-navigator)

![**Rails Routes Navigator**](https://cdn-images-1.medium.com/max/2000/1*K5GkQOjAKru7T2gDHddUhA.png)

&nbsp;
**Demo :**

![By : [Rails Routes Navigator](https://marketplace.visualstudio.com/items?itemName=makicamel.rails-routes-navigator)](https://cdn-images-1.medium.com/max/2000/1*UOStpawikgGSPCFUn1cRwg.gif)



**Don’t forget to check out my VS Code setup blog, in which I mentioned every theme, icon, and extension that I personally use in my day-to-day life.**

{% embed https://dev.to/rutikkpatel/my-vs-code-setup-2klg %}


&nbsp; &nbsp;
## 7. Ruby and Rails Snippets

Collection of ruby and rails snippets. It is provided by Chris.

**Download Link :** [Ruby and Rails Snippets](https://marketplace.visualstudio.com/items?itemName=Cjay.ruby-and-rails-snippets)

![**Ruby and Rails Snippets**](https://cdn-images-1.medium.com/max/2000/1*8YL3lLRm-WwVaIxzjbCmiQ.png)

&nbsp;
**Demo :**

![By : [Ruby and Rails Snippets](https://marketplace.visualstudio.com/items?itemName=Cjay.ruby-and-rails-snippets)](https://cdn-images-1.medium.com/max/2000/1*AABMRsz0rJzqgV5YGfzaVw.gif)


&nbsp; &nbsp;
## 8. Ruby on Rails

Another extension for Ruby on Rails snippets. It is provided by Hridoy. If you want to write methods for [CRUD](https://rutikkpatel.medium.com/crud-in-rails-7-by-rutik-patel-a2bbc942d069) in the controller, just type CRUD, and it will generate every method with instance variables as well. For more usage-related information, check the details in VS Code or the overview in the marketplace.

**Download Link :** [Ruby on Rails](https://marketplace.visualstudio.com/items?itemName=hridoy.rails-snippets)

![**Ruby on Rails**](https://cdn-images-1.medium.com/max/2000/1*snfUGlGCILgr_bFdLhPJRw.png)


&nbsp; &nbsp;
## 9. Ruby Test Explorer

Easily run test cases in the sidebar of vs code; no need to check the terminal every time. It is provided by Connor Shea.

**Download Link :** [Ruby Test Explorer](https://marketplace.visualstudio.com/items?itemName=connorshea.vscode-ruby-test-adapter)

![**Ruby Test Explorer**](https://cdn-images-1.medium.com/max/2000/1*rRfQ0SlDMRqCwsodEz5XUw.png)

&nbsp;
**Demo:**

![By : [Ruby Test Explorer](https://marketplace.visualstudio.com/items?itemName=connorshea.vscode-ruby-test-adapter)](https://cdn-images-1.medium.com/max/6208/1*saLJ-bBjNxgQeOH8BfMnXg.png)


&nbsp; &nbsp;
## 10. ruby-rubocop

Rubocop is basically a code analyzer and formatter. It gives suggestions on how to write Ruby code in a proper way. Rubocop also has the capability to fix some code syntax. It is provided by misogi.

**Download Link :** [ruby-rubocop](https://marketplace.visualstudio.com/items?itemName=misogi.ruby-rubocop)

![**ruby-rubocop**](https://cdn-images-1.medium.com/max/2000/1*9W-HM85Y4MpWaMz2VQLKQg.png)