Help us understand the problem. What is going on with this article?

【Visual Studio Code】特定のファイルだけタブのスペース数が違うとき

VisualStudioCodeのTipsです。

ほかの人が新しく追加したファイルのインデントが4スペースになっていたので2スペースにするためにフォーマットをかけましたが修正できない、ということが起こりました。
確かに、タブを打つと4スペース入ってしまいます。
私の環境では2スペースにしてあるはずなので、editor.tabSizeの設定を確認しました。
ちゃんと2となっています。
他のファイルではタブは2スペースとして入力されます。

調べてみると、以下の設定をする必要がありました。

"editor.detectIndentation": false

editor.detectIndentationtrueになっていると、開いたファイルに基づいてeditor.tabSizeeditor.insertSpacesが決まってしまいます。
editor.detectIndentationはデフォルトでtrueとなっています。

このファイルを新規作成した人が、タブを4スペース設定で使っていた、かつ、私の環境でeditor.detectIndentationtrueになっていたので、私の環境でもこのファイルのみタブが4スペースになってしまっていました。
editor.detectIndentationfalseにしてフォーマットをかけたところ、きちんと修正できました。

設定方法
1. VisualStudiCode左上の「ファイル」>「基本設定」>「設定」→エディタ部分に「settings.json」が開く
2. エディタ右側に「"editor.detectIndentation": false」を書き、保存する
settings.PNG

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away