vscodeでrubyのフォーマットを有効にしたい

目標

vscode でrubyのフォーマッターである rufo を使って自動整形を行えるようにする

手順

1. vscode で command + shift + x を押して拡張機能を開く

2. Ruby と Rufo をインストールする

3. gem install rufo を実行する(permissionのエラーが出たらsudoつけるなどして対応してください💪)

4. command + shift + p を押して検索窓に setting と入力して Preferences: Open Settings (JSON) を選択する

5. settings.json というファイルが開くので以下を貼り付ける settings.json { "editor.formatOnSave": true, "rufo.exe": "rufo", "rufo.useBundler": false, }

6. vscodeを command + q でvscodeを閉じて、再度vscodeを開く

7. ruby のファイルを開いてsaveした時に整形されたらフォーマッターのインストールの完了です 🙆‍♂️

   

まとめ

vscodeでrubyの自動整形ができるようになりました 💪