1
1

More than 3 years have passed since last update.

VSCodeでRubyをフォーマットする

Posted at

プログラムを書くうえで欠かせないもの(?)。フォーマット
ということで、今回はRubyで記述したものをフォーマットしようという話です。
(※mac osで操作してメモしてますので、ショートカットなどが多少異なる可能性あり)

ショートカットを実行

まずは普通にショートカットをポチッ(alt+shift+F。ctrlじゃないよ)
スクリーンショット 2020-06-17 13.39.28.png
なんとデフォルトでrubyはフォーマットしてくれません。

ちなみに自分はフォーマッタとして、Prettierをインストールしているのですが、html,js,ts,cssなどのウェブ系言語とその周辺(?)しかフォーマットできないようです。1
(今気づいたけどこれphpもフォーマットしてくれないのか・・・)

rubyのフォーマッタをインストールする

ということで、「フォーマッタをインストール」しよう。(フォーマッタって打ちにくいな、「た」だけ平仮名になる)

調べてみるとRufoというものがいいらしい?
では早速、「Rufo - Ruby formatter」というものをインストール。
スクリーンショット 2020-06-17 13.49.08.png

まぁ詳細見たら分かる通り、rufoというものをインストールする必要があるらしい。

rufoをインストールする

ターミナルで「gem install rufo」を叩くだけ。
・・・パーミッションエラーが起きました。
「While executing gem ... (Gem::FilePermissionError)」
(メモらずにターミナルを再起動してしまった。。この1行しか残ってない)

どうやらシステムのrubyを使用していることが原因とのこと。
なので、システムじゃないrubyを使います。

参考サイト:gem installでpermissionエラーになった時の対応方法

じゃあこれで再度実行

% gem install rufo
ERROR:  While executing gem ... (Gem::FilePermissionError)
    You don't have write permissions for the /Library/Ruby/Gems/2.6.0 directory.

なんでやねんw
と思ったら、「rbenv global X.X.X」を実行してませんでした。順番に読んでいきましょう()
改めて実行してみると無事インストール完了!
あとはvscodeを再起動してください。

終わりに

タブ数2かぁ・・・使うかはちょっと悩みどころ。


  1. 有志によってprettierのruby版もあるらしいです。もしかしたらこれもやってみるかもしれない 

1
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1