GitHub上でインデントが不格好にならないように、VSCodeのTabインデントを設定する

はじめに

VSCode上では、下記のように同じ見え方ではあるが、GitHubに上げると、インデントの見栄えが随分と変わってしまう例があります。

・VSCodeで表示（Tab埋め）

・VSCodeで表示（半角スペース埋め）

・GitHubで表示（Tab埋め） 少し不格好ですね・・・

・GitHubで表示（半角スペース埋め）　スマートです！

VSCodeの設定

問題になるのは、Editor:Detect Indentationの設定です。
ファイル－基本設定－設定から表示します。

VSCodeで、Tabを押した時に、インデントを、半角スペース埋めにするか、Tab埋めにするかの設定をここで行います。見栄えをよくするために、チェックを外しておきましょう。

チェックを付ける	チェックを外す
Tab埋め	半角スペース埋め