Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>ERB Inline JS HelperNew to Visual Studio Code? Get it now.
ERB Inline JS Helper

ERB Inline JS Helper

DK Product

|
11 installs
| (0) | Free
VS Code extension to provide syntax highlighting and code completion for JavaScript in ERB files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ERB Inline JS Helper

ERB Inline JS Helper

Syntax highlighting and language features for JavaScript embedded in Rails ERB javascript_tag blocks.

image

Features

  • Enhances javascript_tag with JavaScript highlighting, code completion, hover info, and go to definition
  • Uses JavaScript comment toggling (//) inside javascript_tag blocks
  • Works as an injection into text.html.erb grammar for ERB files.

Installation

  • Visual Studio Marketplace: https://marketplace.visualstudio.com/items?itemName=kudoas.erb-inline-js-helper
  • Quick open in VS Code: vscode:extension/kudoas.erb-inline-js-helper

Requirements

  • An extension that provides the ERB language grammar (text.html.erb) is required.
  • In this environment, Shopify.ruby-lsp provides the ERB grammar.

Usage

Open any .erb file that uses javascript_tag and the JavaScript section will be highlighted automatically, with completion, hover, and definition support inside the block.

Configuration

No settings are required.

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