web-dev-qa-db-ja.com

Visual Studioのコードでインデントを変更する方法

すべてのTypeScriptファイルに対して、ビジュアルスタジオコードは8スペースの自動インデントを使用します。これは私の好みには多すぎるが、どこでそれを変更すればよいのかわからない。

たぶんそれは設定として利用可能ですが、私はインデントに関連するものを見つけることができないので別の名前の下で。

154
HMR

右下隅のツールバーに、次のようなアイテムが表示されます。 enter image description here クリックすると、スペースまたはタブを使用してインデントするオプションが表示されます。インデントの種類を選択した後、インデントの大きさを変更するオプションがあります。上記の例の場合、インデントはインデントごとに4つの空白文字に設定されます。インデント文字としてタブが選択されている場合、Spacesの代わりにTab Sizeが表示されます

これを個々のファイル単位ではなくすべてのファイルに適用する場合は、ユーザー設定またはワークスペース設定のeditor.tabSizeおよびeditor.insertSpaces設定をオーバーライドしますニーズに応じて

410
elliot-j

プログラミング言語に基づいて のインデントを変更するには、次のいずれかの方法に従います。

  • これをあなたの設定に追加してください(Ctrl+,):
    (TypeScript固有の設定の例)

    "[TypeScript]": {
        "editor.tabSize": 2
    }
    

OR

  • Ctrl+Shift+P (コマンドパレットを開く)
  • 設定:言語固有の設定を構成します...(コマンドID:workbench.action.configureLanguageBasedSettings
  • プログラミング言語を選択
  • 上記のようにコードを追加します。

参照:VS Code Docs

66
MA-Maddin

Elliot-Jの答えに加えて、editor.detectIndentationをfalseに設定することもできます。

ファイルに異なるタブまたはスペースのインデントパターンがあることが検出されると、VSCodeはファイルごとにeditor.tabSizeおよびeditor.insertSpacesの設定を上書きします。プロジェクトに既存のファイルを追加する場合、またはAngularCliのようなコードジェネレータを使用してファイルを追加する場合は、この問題に遭遇する可能性があります。上記の設定はVSCodeがこれをするのを防ぎます。

40
RMuesi

コードフォーマットのショートカット:

WindowsのVSCode - Shift + Alt + F

MacOSのVSCode - Shift + Option + F

UbuntuのVSCode - Ctrl + Shift + I

必要に応じて、環境設定を使用してこのショートカットをカスタマイズすることもできます。

キーボードによる列選択 Ctrl + Shift + Alt + Arrow

23

私の場合は " 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
12
Aviw

問題:受け入れられた答えは、現在の文書のインデントを実際には修正しません。

解決策:現在の(新しい)設定に従ってドキュメントを再処理するためにFormat Documentを実行してください。

問題:私のプロジェクトのHTMLドキュメントは "Django HTML"タイプで "HTML"ではなく、利用可能なフォーマッタがありません。

解決策:それらを構文 "HTML"に切り替えてフォーマットしてから "Django HTML"に戻してください。

問題:HTMLフォーマッタはDjangoのテンプレートタグの扱い方を知らず、私の注意深く適用されたネストの多くを元に戻します。

解決策: Indent 4-2 拡張子をインストールしてください。これは、現在の言語構文(この場合に必要なもの)に関係なく、厳密にインデントを実行します。

4
shacker

私の existing HTMLファイルのインデントを4スペースから2スペースに変更したいと思いました。

ステータスバーの[Spaces:4]ボタンをクリックし、次のダイアログボックスでそれらを2に変更しました。

私は 'vim'拡張子を使います。私はウイルスなしで再インデントする方法はありません

私の現在のファイルを再インデントするために、私はこれを使いました:

gg

=

G
2
Rounak

すべての既存のファイルと新しいファイルをスペース識別に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
} 
1

追加:はい、右下のUIを使用してスペース設定を構成できます。しかし、新しいスペースに合わせてフォーマットされていない既存のコードがある場合は、ファイル内の任意の場所を右クリックして、 Format Document をクリックします。 この問題 につまずくまで私がこれを理解するのにしばらく時間がかかりました。

ドキュメントの書式設定メニュー

0
Wompinalong