すべてのTypeScriptファイルに対して、ビジュアルスタジオコードは8スペースの自動インデントを使用します。これは私の好みには多すぎるが、どこでそれを変更すればよいのかわからない。
たぶんそれは設定として利用可能ですが、私はインデントに関連するものを見つけることができないので別の名前の下で。
右下隅のツールバーに、次のようなアイテムが表示されます。 クリックすると、スペースまたはタブを使用してインデントするオプションが表示されます。インデントの種類を選択した後、インデントの大きさを変更するオプションがあります。上記の例の場合、インデントはインデントごとに4つの空白文字に設定されます。インデント文字としてタブが選択されている場合、Spacesの代わりにTab Sizeが表示されます
これを個々のファイル単位ではなくすべてのファイルに適用する場合は、ユーザー設定またはワークスペース設定のeditor.tabSize
およびeditor.insertSpaces
設定をオーバーライドしますニーズに応じて
プログラミング言語に基づいて のインデントを変更するには、次のいずれかの方法に従います。
これをあなたの設定に追加してください(Ctrl+,):
(TypeScript固有の設定の例)
"[TypeScript]": {
"editor.tabSize": 2
}
OR
workbench.action.configureLanguageBasedSettings
)Elliot-Jの答えに加えて、editor.detectIndentation
をfalseに設定することもできます。
ファイルに異なるタブまたはスペースのインデントパターンがあることが検出されると、VSCodeはファイルごとにeditor.tabSize
およびeditor.insertSpaces
の設定を上書きします。プロジェクトに既存のファイルを追加する場合、またはAngularCliのようなコードジェネレータを使用してファイルを追加する場合は、この問題に遭遇する可能性があります。上記の設定はVSCodeがこれをするのを防ぎます。
コードフォーマットのショートカット:
WindowsのVSCode - Shift + Alt + F
MacOSのVSCode - Shift + Option + F
UbuntuのVSCode - Ctrl + Shift + I
必要に応じて、環境設定を使用してこのショートカットをカスタマイズすることもできます。
キーボードによる列選択 Ctrl + Shift + Alt + Arrow
私の場合は " EditorConfig for VS Code "の拡張子がVSCode設定を上書きしています。インストールしたら、プロジェクトのルートフォルダにある.editorconfigファイルを確認します。
これが設定例です。 「indent_size」はタブのためのスペースの数を設定します。
# editorconfig.org
root = true
[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
問題:受け入れられた答えは、現在の文書のインデントを実際には修正しません。
解決策:現在の(新しい)設定に従ってドキュメントを再処理するためにFormat Document
を実行してください。
問題:私のプロジェクトのHTMLドキュメントは "Django HTML"タイプで "HTML"ではなく、利用可能なフォーマッタがありません。
解決策:それらを構文 "HTML"に切り替えてフォーマットしてから "Django HTML"に戻してください。
問題:HTMLフォーマッタはDjangoのテンプレートタグの扱い方を知らず、私の注意深く適用されたネストの多くを元に戻します。
解決策: Indent 4-2 拡張子をインストールしてください。これは、現在の言語構文(この場合に必要なもの)に関係なく、厳密にインデントを実行します。
私の existing HTMLファイルのインデントを4スペースから2スペースに変更したいと思いました。
ステータスバーの[Spaces:4]ボタンをクリックし、次のダイアログボックスでそれらを2に変更しました。
私は 'vim'拡張子を使います。私はウイルスなしで再インデントする方法はありません
私の現在のファイルを再インデントするために、私はこれを使いました:
gg
=
G
すべての既存のファイルと新しいファイルをスペース識別に2に設定するには、それを(jsonのルートにある)settingns.jsonに配置します。
"[TypeScript]": {
"editor.defaultFormatter": "vscode.TypeScript-language-features",
"editor.tabSize": 2,
"editor.insertSpaces": true,
"editor.detectIndentation":false
}
構成の言語タイプを追加できます。
"[javascript]": {
"editor.tabSize": 2,
"editor.insertSpaces": true,
"editor.detectIndentation":false
}
追加:はい、右下のUIを使用してスペース設定を構成できます。しかし、新しいスペースに合わせてフォーマットされていない既存のコードがある場合は、ファイル内の任意の場所を右クリックして、 Format Document をクリックします。 この問題 につまずくまで私がこれを理解するのにしばらく時間がかかりました。