14 Ruby Extensions 4 Vs Code

Based On This Deanin’s video — RailsSeries#Episode 02

1 Go to File > Preferences > Settings and Search for emmet trigger and select theses three functionalities:

Snippets, Expansion on tab and inline completion 👌️

2 Git Copilot

3Git Lens

Visualize code authorship at a glance

4 Prettier — Code formatter

Formatter for CSS · SCSS · Less . HTML · Vue · More 🤌️

5 Ruby — Peng Lv(deprecated) Use Ruby LSP

Automatic Ruby environment detection with support for rvm, rbenv, chruby, and asdf . Lint support via RuboCop, Standard, and Reek . Format support via RuboCop, Standard, Rufo, Prettier and RubyFMT . Semantic code folding support . Basic Intellisense support . just a few features 🥰️

6 Ruby Solargraph

Context-aware suggestions and documentation for the Ruby core . Detection of some variable types and method return values (e.g., String.new. returns String instance methods) . Identification of local, class, and instance variables within the current scope . Find references and rename symbols (experimental as of solargraph gem v0.22.0) . Near-complete support for the Ruby core and stdlib

7 Ruby-Rubocop

rubocop is a code analyzer for ruby.

8 Ruby On Rails

It adds snippets for Ruby on rails.

9 Tabnine AI Autocomplete

AI assistant that speeds up delivery and keeps your code safe see more here.

10 vscode — icons

Choose the icon you prefer for any particular file extension.

11 Ruby Test Explorer

Fro Running individual tests . Running full test suite . Running tests for a specific file . & Much More…

12 Simple Ruby ERB

Both Ruby and ERB Syntax Highlighting . Command for toggle between ERB tags . Code Snippets

13 YAML red hat

YAML validation and Auto completion and more …

14 Ruby-Linter

By default the linter will lint on the fly but can be changed to linting as you save.

That’s it!

Thanks!

GoTo Manage > Settings > Open Settings (JSON)

Settings.json

{
    "emmet.triggerExpansionOnTab": true,
    "emmet.useInlineCompletions": true,
    "files.associations": {
        "*.html": "html"
    },
    "emmet.showSuggestionsAsSnippets": true,
    "tabnine.experimentalAutoImports": true,
    "editor.fontSize": 16,
    "editor.accessibilityPageSize": 16,
    "emmet.syntaxProfiles": {},
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    }
}

Related Posts:

00# Episode — RailsSeries — Installing Ruby on Rails Using ASDF — Why ASDF is Better Than RBENV for Rails Bootstrap App?

01# Episode — RailsSeries — How To Send Email In Rails 7? — User Registration and Onboarding.

02# Episode — RailsSeries — 14 Ruby Extensions 4 Vs Code — Based On This Deanin’s video (this one)

03# Episode — RailsSeries — A Rails Blog In VS Code — Quick Start — How To Create A Blog in VS Code — Part I

04# Episode — RailsSeries — A Rails Blog In VS Code — Styling — How To Create A Blog in VS Code — Part II

05# Episode — RailsSeries — A Rails Blog In VS Code — Create Posts — How To Create A Blog in VS Code — Part III

06# Episode — RailsSeries — A Rails Blog In VS Code — Posts Tips&Tricks — How To Create A Blog in VS Code — Part IV

07# Episode — RailsSeries — A Rails Blog In VS Code — Devise — How To Create A Blog in VS Code — Part V

08# Episode — RailsSeries — A Rails Blog In VS Code — Add Comments to Post — How To Create A Blog in VS Code — Part VI

09# Episode — RailsSeries — Rails Blog In VS Code — Using Stimulus — How To Create A Blog in VS Code — Part VII

10# Episode — RailsSeries — Rails Blog In VS Code — Noticed V1 — Notifications for your Ruby on Rails app — Part VIII

11# Episode — RailsSeries — Rails Blog In VS Code — Noticed V2 — Notifications for your Ruby on Rails app — Part IX