インデントで使用しているスペースとタブを相互に変換する

Visual Studio Code では開いているファイルの中でインデントとして使用しているスペースをタブに変換したり、逆にタブをスペースに変換することができます。ここではインデントで使用しているスペースとタブを相互に変換する方法について解説します。

(Last modified: 2023年01月11日)

タブとスペースを変換する

開いたファイルでインデントとして使われているタブをスペースに変換したり、スペースをタブに変換することができます。例えば次のファイルで試してみます。

このファイルではインデントとしてスペース 4 つ分のタブが使われています。

画面右下に表示されているステータスバーをみてください。 Visual Studio Code のデフォルトの設定では開いたファイルで使われているインデントの形式を読み取るようになっており、ステータスバーにはこのファイルで使われているインデントの形式の「タブのサイズ:4」と表示されています。

この「タブのサイズ:4」の個所をクリックすると画面上部に次のようなメニューが表示されます。この中から「インデントをスペースに変換」をクリックしてください。(英語の場合は Convert Indentation to Spaces をクリックしてください)。

タブがすべてスペースに変換されました。

逆にインデントとしてスペースが使用されていた場合にタブに変換するには、先ほどと同じ手順で画面上部にメニューが表示されたら、この中から「インデントをタブに変換」をクリックしてください。(英語の場合は Convert Indentation to Tabs をクリックしてください)。スペースがすべてタブに変換されます。

コマンドパレットからタブとスペースを変換する

インデントとして使用されているタブをスペースに変換したり、スペースをタブに変更するのはコマンドパレットからでも可能です。

今度はインデントとして使用されているスペースをタブに変換します。例えば次のファイルで試してみます。

このファイルではインデントとしてスペース 2 つが使われています。

コマンドパレットを表示するため、「表示」メニューの中にある「コマンドパレット」をクリックしてください。

コマンドパレットが表示されたら「インデント」または「Indentation」と入力してください。表示されたコマンドの中から「インデントをタブに変換」をクリックしてください。(英語の場合は Convert Indentation to Tabs をクリックしてください)。

スペースがすべてタブに変換されました。

逆にインデントとしてタブが使用されていた場合にスペースに変換するには、先ほどと同じ手順でコマンドパレットを表示し、「インデント」または「Indentation」と入力してください。表示されたコマンドの中から「インデントをスペースに変換」をクリックしてください。(英語の場合は Convert Indentation to Spaces をクリックしてください)。タブがすべてスペースに変換されます。

-- --

Visual Studio Code を使って 2 つのファイルの内容を比較して差分を表示する方法について解説しました。