Ruby 開発環境 [VSCode]

まとめ

VSCode で Rails 開発環境を整える | bisquit_dev

Ruby Extension

入手：

Ruby | Visual Studio Marketplace [Official]

ドキュメント：

vscode-ruby-client/README.md – rubyide/vscode-ruby – GitHub

docs – rubyide/vscode-ruby – GitHub

Rubocop

1. 拡張機能「Ruby」をインストールする。
2. rubocop Gem をインストールする。

   > gem install rubocop

3. 設定ファイル (settings.json) を編集する。

設定

{
    // ...
    "ruby.useLanguageServer": true,
    "ruby.format": "rubocop",
}

リポジトリ：

rubocop/rubocop: A Ruby Static Code Analyzer and Formatter, Based on the Community Ruby Style Guide – GitHub

入手：

rubocop | RubyGems.org [Official]

Rufo

1. 拡張機能「Rufo」をインストールする。
2. rufo Gem をインストールする。

   > gem install rufo

入手：

Rufo – Ruby Formatter | Visual Studio Marketplace [Official]

参考：

Ruby Formatter が使えない | mebee

Prettier for Ruby

npm パッケージ

npm コマンドでインストールする。

$ npm install --save-dev prettier @prettier/plugin-ruby

コマンドラインからスクリプトを整形する。

$ npm run prettier --write ./path/to/script.rb

Ruby Gem

gem コマンドでインストールする。

$ gem install prettier

コマンドラインからスクリプトを整形する。

$ rbprettier ./path/to/script.rb

リポジトリ：

prettier/plugin-ruby: Prettier Ruby Plugin – GitHub

入手：

@prettier/plugin-ruby – npm

prettier | RubyGems.org [Official]

参考：

VSCode で Ruby 書くにあたってコード整形とか構文チェックとかが自動で走るようにした – Qiita

Rails でのフォーマット環境を整える – Qiita

VSCode で自動整形ツールの Prettier で自動フォーマットされるようにする – Qiita

prettier-ruby 設定 – Qiita

Ruby のコード整形 | かすみん日記

VSCode + Prettier で Ruby のコードを自動フォーマットする | Sunday morning

Installing the Ruby Plugin for Prettier in VSCode | Dylan Raye-Leonard

Prettier for Ruby Goes v1.0 | Prettier [Official]

Prettier+

リポジトリ：

svipas/vscode-prettier-plus: Prettier for the VSCode – GitHub

入手：

Prettier+ | Visual Studio Marketplace [Official]

参考：

How do I format Ruby files? · Issue #8 · svipas/vscode-prettier-plus – GitHub