1153

Visual Studio Code を使用する場合、タブからスペースへの変換係数をカスタマイズするにはどうすればよいですか?

たとえば、現在 HTML では を押すごとに 2 つのスペースが生成されるように見えますTABが、TypeScript では 4 つ生成されます。

4

21 に答える 21

1775

既定では、Visual Studio Code は、開いたファイルに応じてインデント オプションを推測しようとします。

でインデントの推測をオフにすることができます"editor.detectIndentation": false

これは、 Windowsの場合はメニュー[ファイル] → [設定][ユーザー設定]で、Macの場合はメニュー[コード] → [設定][設定]またはでこれらの 3 つの設定を介して簡単にカスタマイズできます⌘,

// The number of spaces a tab is equal to. This setting is overridden
// based on the file contents when `editor.detectIndentation` is true.
"editor.tabSize": 4,

// Insert spaces when pressing Tab. This setting is overriden
// based on the file contents when `editor.detectIndentation` is true.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces`
// will be detected based on the file contents. Set to false to keep
// the values you've explicitly set, above.
"editor.detectIndentation": false
于 2015-04-30T16:02:19.610 に答える
867

私はバージョン 1.21 を実行していますが、これは以前のバージョンにも当てはまると思います。

画面の右下に注目してください。Spacesまたはと表示されるはずですTab-Size

私のショースペース、→

ここに画像の説明を入力してください

  1. Spaces (またはTab-Size )をクリックします。
  2. スペースを使用してインデントまたはタブを使用してインデントを選択します
  3. スペースまたはタブの量を選択します。

これは、プロジェクト全体ではなく、ドキュメントごとにのみ機能します。プロジェクト全体に適用する場合は"editor.detectIndentation": false、ユーザー設定にも追加する必要があります。

于 2016-06-28T18:18:17.000 に答える
119

既定では、Visual Studio Code は現在開いているファイルのインデントを自動検出します。この機能をオフにしてすべてのインデント (たとえば 2 つのスペース) を作成する場合は、ユーザー設定またはワークスペース設定で次のようにします。

{
    "editor.tabSize": 2,

    "editor.detectIndentation": false
}
于 2016-08-08T13:32:32.180 に答える
77

EditorConfigとそのVS Code拡張用の EditorConfig を使用して、ファイルの種類ごとにタブのサイズを制御できます。+ +を各ファイル タイプに固有にすることができます。AltShiftF

インストール

CTRL+で VS Code コマンド パレットを開き、Pこれを貼り付けます。

ext install EditorConfig

構成例

.editorconfig

[*]
indent_style = space

[*.{js,ts,json}]
indent_size = 2

[*.java]
indent_size = 4

[*.go]
indent_style = tab

設定.json

EditorConfig は、エディター用に設定された settings.json をオーバーライドします。変更する必要はありませんeditor.detectIndentation

于 2016-09-09T02:35:50.810 に答える
0

これが Angular 2 用であり、CLI が異なる形式のファイルを生成している場合、これらのファイルを編集して、生成されるものを変更できます。

npm_modules/@angular/cli/blueprints/component/files/__path__/*

npm を更新すると作業が削除されるため、あまりお勧めしませんが、多くの時間を節約できました。

于 2017-09-29T12:53:05.413 に答える