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

広告

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

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

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

タブとスペースを変換する(1)

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

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

タブとスペースを変換する(2)

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

タブとスペースを変換する(3)

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

タブとスペースを変換する(4)

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

タブとスペースを変換する(5)

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

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

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

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

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

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

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

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

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

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

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

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

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

-- --

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

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。