Edited at

【VSCode】インデントをTab(タブ)設定にしたのちに現状ごちゃまぜなインデントをTabに統一する方法


はじめに

これまでインデントにはスペース(半角スペース4つ分)を使っていて気に入っていたのですが、Tabにしないといけなくなったので、設定の仕方を忘れない意味も込めて書きます。


やり方


  • VSCode上で、ファイル→基本設定→設定 もしくは、Ctrl + , で設定画面を開く。(Macだとcommand + ,かな) 。

  • Insert Spaces のチェックを外す。
    image.png

  • 設定は閉じて該当のHTMLファイル上で、"ドキュメントのフォーマット" もしくは、Shift + Alt + F
    image.png

すると、、、これが

image.png

こう

image.png

何か簡単にできたので、今後ぐちゃぐちゃで来たときはいったんきれいにそろえてから修正作業とかやろうかなと思います。

するかどうかわからんけど。