Rails Syntax Highlighting for Visual Studio Code

January 24, 2026 · View on GitHub

Extends Visual Studio Code's Ruby Language Grammars with the Rails Library.

Support methods are identified such as:

belongs_to
has_many
has_rich_text
validates
scope
before_action
link_to

This extension is certainly not inclusive of every method Rails and Turbo Rails offers. Rails is a massive library! Added methods from various classes/modules listed below.

Pull Requests are more than welcome!

Install

This extension is available at the following extension marketplaces:

Run one of the following commands depending on the editor you are using:

For vscode: code --install-extension SarahRidge.vscode-rails-syntax
For cursor: cursor --install-extension SarahRidge.vscode-rails-syntax

Reload your editor

Known Methods Added From

AbstractController

AbstractController::Callbacks

ActionController

ActionController::Flash::ClassMethods
ActionController::Redirecting
ActionController::RequestForgeryProtection::ClassMethods

ActionDispatch

Routing::Mapper::Base
Routing::Mapper::Concerns
Routing::Mapper::CustomUrls
Routing::Mapper::HttpHelpers
Routing::Mapper::Resources
Routing::Mapper::Scoping

ActionView

ActionView::Helpers::CacheHelper
ActionView::Helpers::FormTagHelper
ActionView::Helpers::TagHelper
ActionView::Helpers::TextHelper
ActionView::Helpers::TranslationHelper
ActionView::Helpers::UrlHelper

ActionText

ActionText::Attribute

ActiveModel

ActiveModel::Validations::ClassMethods

ActiveRecord

ActiveRecord::Associations::ClassMethods
ActiveRecord::Callbacks
ActiveRecord::Enum
ActiveRecord::Migration < Object
ActiveRecord::NestedAttributes::ClassMethods
ActiveRecord::QueryMethods
ActiveRecord::Relation < Object
ActiveRecord::Scoping::Named::ClassMethods

ActiveStorage

ActiveStorage::Attached::Model

ActiveSupport

ActiveSupport::Rescuable::ClassMethods

Module

Module < Object

Turbo Rails

Turbo::FramesHelper
Turbo::Streams::ActionHelper
Turbo::Streams::TagBuilder
Turbo::StreamsHelper

References

Ruby Syntax Highlighting

Publish (internal)

Note: Publishing a new version of this theme is only meant for maintainers.

npx vsce package
Publish to VSCode Marketplace: npx vsce publish
Publish to Open VSX Registry: npx ovsx publish <.vsix file> -p <OpenVSX PAT>