rubocop-railsと言うVSCodeの拡張

 ローカルでrubocopを実行し忘れたままリモートへプッシュしてしまうことが多く、申し訳ないなと思っておりました。

sleckのgithubの通知が飛んでくるチャンネルが自分へのrubocopからの指摘で埋もれる。。。w

 

 「ローカルで実行する癖をつけなくては」と日報に書いたところ、VSCodeの拡張で構文整えてくれるrubocop-railsと言うVSCodeの拡張があると教えてもらいました!

  

導入方法

  • rubocopのgemがローカルに入っていなければインストールします。
  • rubocop-railsというVSCodeの拡張を入れます。
  • VSCodeのsettings.jsonを開き、設定を追加します。

settings.jsonは以下のように開けます。

gyazo.com

 

自分のsettings.jsonは以下のようになっております!

{
    "editor.formatOnPaste"true,
    "editor.formatOnSave"true,
    "files.autoSave""onFocusChange",
    "editor.tabSize"2,
    "ruby.intellisense""rubyLocate",
    "window.zoomLevel"1,
    "editor.formatOnType"false,
    "ruby.lint": {
        "rubocop"true
      },
      "[ruby]": {
        "editor.formatOnSave"true
      },
      "ruby.format""rubocop",
      "editor.formatOnSaveTimeout"5000
}

 

 

これらの設定を済ませると保存と同時に、

bundle exec rubocop --auto-collectを実行した時と同じように構文を整えてくれます!!

以下はそのGIFです!

Image from Gyazo

 

 

 

 

 感想その他

これでローカルで構文整え忘れてプッシュしてしまうのを防げます!!よかった!!