VS Code でタブとスペースを相互変換する手順とショートカット

Visual Studio Code でインデントの変換や切り替えのショートカット

Visual Studio Code (以下 VSCode) でファイルを開いたらタブ・インデントだったので、スペース・インデントに変換したい。
でも、メニューから（マウス操作）でなくショートカットで変換・変更できないか。

「VSCode タブ スペース 変換」でググっても、「設定からインデント設定を変更する」とか、「\tをスペースへ文字列置換する」とかしか出てこなかったので、自分のググラビリティのため。

TL; DR _{^{（今北産業）}}

デフォルトでショートカットが割り当てられていないので、以下の手順で現在のドキュメントのインデントを変換できます。

1. F1 を押す
2. indent と入力し 「インデントをタブに変換」(Convert Indentation To Tabs) もしくは「インデントをスペースに変換」(Convert Indentation To Spaces)を選択
3. Enter

私は 「F1 レースで indent が速い」と覚えました。🚗 =3 ﾌﾞｯ
上記でも面倒な場合は、以下の TS;DR を参照してショートカットを割り当てます。

TS; DR _{^{（ショートカット・キーの割り当て）}}

VSCode には「インデントをタブに変換」と「インデントをスペースに変換」のショートカット項目があります。しかし、デフォルトではショートカットは割り当てられていないので、別途割り当てる必要があります。

キーボードショートカット設定を開く

• メニューからの場合
  • [Code] - [基本設定] - [キーボードショートカット]
• ショートカット（macOSの場合）
  • command（⌘）を押しながら k → s

ショートカットの割り当て

1. キーボードショートカットの入力画面で「スペースに変換」もしくは「タブに変換」と入力して設定項目を絞る
2. 「キーバインド」の列をクリックして割り当てるショートカットを押して enter

所感

私は、タブ・インデントやスペース・インデントに特に固執はしていません。基本的にスペース・インデントなのですが、大事なのは統一感だと思っているのでドキュメントやコードに合わせて切り替えるようにしています。

そんな時、タブ・インデントがルールなのに、ところどころスペース・インデントされていたり、１つのファイルだけがインデント形式が異なっていたりすることがあります。

サポート的には「基本設定 → 設定からの〜」と案内するのが正道なのですが、なるべくならキーボードから手を離したくないのです。そんな時には、やはりショートカットが使いたくなります。

問題は、割り当てたショートカットや設定箇所を思い出せないことなのです。昔から、近道をしようと小道に入ると迷子になるタイプなのです。とほほ。

動作確認環境

• Visual Studio Code: v1.35.1
• macOS Mojave (OSX 10.14.5)

参考文献

• "How can I convert tabs to spaces and vice versa in an existing file" のコメント @ StackOverflow