【VSCタブ設定変更】【Rubocop導入】

VSCタブ設定変更

【タブを４→２に変更したいとはどういうことか？】
Tabキーや→|キー`一発で右に寄せられる空白スペースのサイズを変えたい。
ということです。

私のVSCはデフォルトで４になっており、ネストが深くなるたびに視覚的に幅広で遠くなっていくことが気になっていたので、
この機会に基本設定を変更してしまいます！

【手順】(for Mac)
１、VSCを開く
２、本体画面左上「メニュー」バー内「Code」を選択
３、「基本設定」→「設定」を選択
４、VSCの基本設定画面に連れて行かれる。
上から４番目「Editor:TabSize」から変更

Rubocop導入

以下の記事を参考にrubocopを導入しました。

手順は上記記事通り。

しかし、２０２５年１０月現在、上記の記事で紹介されているymlファイルの内容が少し変わっていたため、そこの内容だけ記載。
参考記事は２０２３年のもの。

lefthook.ymlを編集する

作成されたymlファイルを確認すると、初期設定は以下のように全てコメントアウトされています。
必要な部分たけコメントアウトを外します。
変更前

# EXAMPLE USAGE:
#
#   Refer for explanation to following link:
#   https://lefthook.dev/configuration/
#
# pre-push:
#   jobs:
#     - name: packages audit
#       tags:
#         - frontend
#         - security
#       run: yarn audit
#
#     - name: gems audit
#       tags:
#         - backend
#         - security
#       run: bundle audit
#
# pre-commit:
#   parallel: true
#   jobs:
#     - run: yarn eslint {staged_files}
#       glob: "*.{js,ts,jsx,tsx}"

#     - name: rubocop
#       glob: "*.rb"
#       exclude:
#         - config/application.rb
#         - config/routes.rb
#       run: bundle exec rubocop --force-exclusion {all_files}

    # - name: govet
    #   files: git ls-files -m
    #   glob: "*.go"
    #   run: go vet {files}

    # - script: "hello.js"
    #   runner: node

    # - script: "hello.go"
    #   runner: go run

変更後

# EXAMPLE USAGE:
#
#   Refer for explanation to following link:
#   https://lefthook.dev/configuration/
#
# pre-push:
#   jobs:
#     - name: packages audit
#       tags:
#         - frontend
#         - security
#       run: yarn audit
#
#     - name: gems audit
#       tags:
#         - backend
#         - security
#       run: bundle audit
#
pre-commit:
  parallel: true
  jobs:
    - run: yarn eslint {staged_files}
      glob: "*.{js,ts,jsx,tsx}"

    - name: rubocop
      glob: "*.rb"
      exclude:
        - config/application.rb
        - config/routes.rb
      run: bundle exec rubocop --force-exclusion {all_files}

    # - name: govet
    #   files: git ls-files -m
    #   glob: "*.go"
    #   run: go vet {files}

    # - script: "hello.js"
    #   runner: node

    # - script: "hello.go"
    #   runner: go run

pre-commt:のparalell:trueから
run: bundle exec rubocop --force-exclusion {all_files}
までのコメントアウトを外すだけで完了です。
（コメントアウトを外すショートカットキーは範囲を洗濯して⌘と/）

jobs:の範囲が必要か分からなかった為、コメントアウトしてみたらname: rubocopからしたが赤字になりました。
よって必要なコードであると判断し残してあります。

あとは記事通りテストしてみて、git commitでちゃんとrobocopが動いてくれれば完了です。

---

注意
私はプログラミング学習歴１年未満の初学者です。
この記事は自身の備忘録用として掲載しております。
間違いがあるかと思いますので、今後の学習のためにコメントにご指摘を頂けますと幸いです。

---