Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Rails Full-Stack Extension PackNew to Visual Studio Code? Get it now.
Rails Full-Stack Extension Pack

Rails Full-Stack Extension Pack

Verseth

|
1,823 installs
| (2) | Free
A VSCode extension pack for flexible Rails Full-Stack development
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Rails Full-Stack Extension Pack

This extension pack packages some of the most popular and useful Ruby, Rails and Web Development extensions.

Included Extensions

  • sorbet - Ruby IDE features, powered by Sorbet.

  • Ruby LSP

  • Simple Sorbet Snippet - Simple snippets for Sorbet.

  • byesig - Hide Ruby Sorbet signatures

  • Rails Fast Nav - Press Alt + R to navigate between Controllers -> Tests -> Views and Models -> Tests

    Rails Fast Nav

  • Ruby Test Runner - Run unit-test and rspec tests with one click!

    Ruby Test Runner

  • Ruby Runner - Run Ruby files with one click!

    Ruby Test Runner

  • endwise - Wisely add "end" in Ruby.

  • erb - Syntax Highlighting for Ruby ERB files

  • YAML - YAML Language Support by Red Hat, with built-in Kubernetes syntax support

  • Procfile - Grammar & features for Procfiles

  • Path Intellisense - Autocompletion of file paths

  • Better Comments - Customizable coloring for comments

  • RBS Syntax Highlighting - Syntax highlighting for .rbs files

  • VSCode rdbg Ruby Debugger - Debugging support for Ruby

  • Better Haml - Better Haml syntax highlighting, auto close and suggestions

  • Color Highlight - Highlight hex colors in the text editor

  • Docker - Deploy your app through VSCode with Docker

  • NGINX Configuration - Syntax highlighting for nginx configuration files

  • Log File Highlighter - Make your log files easier to read with colors

  • Slim - Slim language support based on https://github.com/slim-template/ruby-slim.tmbundle

  • Sass - Indented Sass syntax Highlighting, Autocomplete & Formatter

  • ERB Formatter/Beautify - Adds a VSCode formatter for .erb files

  • vscode-gemfile - Adds links to online sites of gems on hover in Gemfile

  • gitignore - Language support for .gitignore files. Lets you pull .gitignore files from the https://github.com/github/gitignore repository.

  • SVG Viewer - Let's you view SVG files in VSCode

  • ESLint - Integrates ESLint JavaScript into VS Code.

  • Auto Rename Tag - Auto rename paired HTML/XML tag

  • Peacock - Subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.

  • Dracula Dark+ - Yet another Dracula Official Theme fork, but with colors switched to resemble Dark+

  • DotENV - Support for dotenv file syntax

  • Duplicate action - Ability to duplicate files in VS Code

  • ERB Helper Tags - A collection of ERB snippets

  • vscode-icons - Great Icons for Visual Studio Code

  • change-case - Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word

  • Markdown All in One - All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)

  • GitLens extension

  • Code Spell Checker

  • Rainbow CSV

  • Trailing Spaces

  • RBS Snippets

  • VSCode Mogami

  • Better Align - Easily align keys and values in hashes etc

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft