Visual Studio Code を使用する場合、タブからスペースへの変換係数をカスタマイズするにはどうすればよいですか?
たとえば、現在 HTML では を押すごとに 2 つのスペースが生成されるように見えますTABが、TypeScript では 4 つ生成されます。
Visual Studio Code を使用する場合、タブからスペースへの変換係数をカスタマイズするにはどうすればよいですか?
たとえば、現在 HTML では を押すごとに 2 つのスペースが生成されるように見えますTABが、TypeScript では 4 つ生成されます。
既定では、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
私はバージョン 1.21 を実行していますが、これは以前のバージョンにも当てはまると思います。
画面の右下に注目してください。Spaces
またはと表示されるはずですTab-Size
。
私のショースペース、→
これは、プロジェクト全体ではなく、ドキュメントごとにのみ機能します。プロジェクト全体に適用する場合は"editor.detectIndentation": false
、ユーザー設定にも追加する必要があります。
既定では、Visual Studio Code は現在開いているファイルのインデントを自動検出します。この機能をオフにしてすべてのインデント (たとえば 2 つのスペース) を作成する場合は、ユーザー設定またはワークスペース設定で次のようにします。
{
"editor.tabSize": 2,
"editor.detectIndentation": false
}
EditorConfigとそのVS Code拡張用の EditorConfig を使用して、ファイルの種類ごとにタブのサイズを制御できます。+ +を各ファイル タイプに固有にすることができます。AltShiftF
CTRL+で VS Code コマンド パレットを開き、Pこれを貼り付けます。
ext install EditorConfig
[*]
indent_style = space
[*.{js,ts,json}]
indent_size = 2
[*.java]
indent_size = 4
[*.go]
indent_style = tab
EditorConfig は、エディター用に設定された settings.json をオーバーライドします。変更する必要はありませんeditor.detectIndentation
。
これが Angular 2 用であり、CLI が異なる形式のファイルを生成している場合、これらのファイルを編集して、生成されるものを変更できます。
npm_modules/@angular/cli/blueprints/component/files/__path__/*
npm を更新すると作業が削除されるため、あまりお勧めしませんが、多くの時間を節約できました。