問題
ローカルのコードをリモートにpushしたとき、インデントがズレる(大きくなる)。
エディタ上では問題ないのにリモートに上げるとズレてしまう...
原因
リモートにプッシュするとインデントがずれる原因はTabによるインデントを行っていたからである。また、GitHubのTabによるインデントの設定がデフォルトだと大きくなるようになっていた。
大前提、インデントにはTabとSpaceの2種類がある。恥ずかしながら私は、TabとSpaceの区別がついておらず、Spaceの集まりがTabだと勘違いしていた...
対策
1. Tabによるインデントを防ぐ
インデントの設定方法(VSCode)
① 画面下を見ると、そのファイルのインデント設定が表示されている。クリックすると画面上にアクションが表示される。
② スペースによるインデントか、タブによるインデントかを選択する。
Tabとインデントを視覚的に区別しやすくする方法(VSCode)
VsCodeの設定画面でRender Whitespaceと検索し、selection→allにする。この設定で、TabとSpaceの混在を防ぐことができる。ChatGPTやサイトに載っているコードをコピペした時、よくTabが入ってしまうことがあるため、おすすめの設定だ。
2. Tabによるインデントをしても勝手にズレないようにする
GitHubのsettings → appearance→Tab size preferenceを8→2に変更するとズレがなくなる。デフォルトでは8になっている。そのため、1Tab = 8Spaceになってしまい、ズレてしまうというわけだ。
