2015-12-09 9 views
22

すべてのタイプスクリプトファイルでは、ビジュアルスタジオコードで8つのスペースの自動インデントが使用されます。これは私の好みには少しすぎますが、どこを変更するかはわかりません。ビジュアルスタジオコード変更インデント

私はインデントに関連するものを見つけることができないので、別の名前で設定することもできます。

答えて

53

右下隅のツールバーに、次のような項目が表示されます。enter image description here クリックすると、スペースまたはタブを使用してインデントするオプションが表示されます。インデントタイプを選択した後、インデントの大きさを変更するオプションがあります。上記の例の場合、インデントはインデントごとに4つのスペース文字に設定されています。タブはあなたのインデント文字として選択されている場合は、これはidividualファイル単位ですべてのファイルに適用していないしたいなら、あなたはでeditor.tabSizeeditor.insertSpaces設定を上書きし、タブサイズの代わりに、スペース

が表示されます次のいずれかの方法に従って、プログラミング言語に基づいてインデントを変更するには、ニーズ

+0

イメージリンクが壊れています。 –

+0

@ yildizm85画像は問題なく動作しています。画像はSOに直接アップロードされているため、壊れていると問題が発生する可能性があります。 –

-2

ツール - >オプション - >テキストエディタ - >タイプスクリプト - >タブを参照してください。

+0

返信いただきありがとうございますが、ビジュアルスタジオコードにはツールメニューはありません。 file => preferences => workspace設定の下には、インデントのスペース数はありません。コメントでは、ファイルが開かれたときにインデントが推測されることを示唆しています。私は現在、JavaScriptの書式設定にChrome開発ツールを使用していますが、VSコードを閉じて開くと正しく動作するようです。 – HMR

+0

私はこの質問はVSコードではなく、Visual Studioであると思います。名前を混同していますが、それはあなたのためのMSです。 – hraban

9

に応じて、ユーザー設定またはワークスペースの設定のいずれか:

  • あなたの設定にこれを追加(はCtrl + ):
    (活字体の特定の設定のための一例):

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

OR

  • Ctrlキー + シフトの+ P
  • 設定:設定言語固有の設定...(コマンドID:workbench.action.configureLanguageBasedSettings
  • 選択プログラミング言語
  • 上記のようなコードを追加します。

See also: VS Code Docs

9

また、エリオット・Jの答えに加えて、falseにeditor.detectIndentationを設定することをお勧めします。

ファイルごとにタブまたはスペースのインデントパターンが異なることが検出された場合、VSCodeはファイルごとにeditor.tabSizeおよびeditor.insertSpacesの設定を上書きします。既存のファイルをプロジェクトに追加する場合や、Angular Cliなどのコード生成ツールを使用してファイルを追加する場合は、この問題に対処できます。上記の設定は、VSCodeがこれを行うのを防ぎます。

関連する問題