web-dev-qa-db-ja.com

VSCodeを設定して、新しい行に中括弧を挿入するにはどうすればよいですか?

次のコードを入力してフォーマットするとします。

if (condition) { /* Hello! */ }

これがC#コードの場合、次のようにフォーマットされます。

if (condition)
{
    // Hello!
}

JavaScriptの場合、VSCodeは次のようにフォーマットします。

if (condition) {
    // Hello!
}

それでは、どのようにしてすべての言語で最初の書式設定スタイル(新しい行の中括弧)を使用できますか?設定などが見つかりません。提案?

29
M. Fatih

条件ステートメントには副作用はないと思いますが、returnステートメントには問題があります。このリンクを確認してください: https://web.archive.org/web/20160421051556/http://encosia.com/in-javascript-curly-brace-placement-matters-an-example/http:// encosia.com/in-javascript-curly-brace-placement-matters-an-example/

JavaScriptを学びたい場合は、Douglas Crockford著の本「JavaScript:The Good Parts」を読むことをお勧めします。

3
Emmanuel Lozoya

以下の手順に従って、Visual Studio Codeを作成し、Java ScriptおよびType Scriptの新しい行で中括弧を開きます。

In Visual Studio Code(v1.20.0)

  1. File\Preferences\Settingsに移動します
  2. 'ser Settings'(右側のペイン)に次の行を追加します

    "javascript.format.placeOpenBraceOnNewLineForControlBlocks": true, 
    "javascript.format.placeOpenBraceOnNewLineForFunctions": true,
    
    "TypeScript.format.placeOpenBraceOnNewLineForControlBlocks": true,
    "TypeScript.format.placeOpenBraceOnNewLineForFunctions": true,
    
  3. ユーザー設定」を保存すると完了です!

52
Advait Baxi

File\Preferences\Settingsに移動し、「curly」を検索します。

以下に示す設定を有効にします。

これにより、関数定義と制御ブロックの次の行に中括弧でコードを自動フォーマットできます。

File\Preferences\Settings

Visual Studio Code 1.30.2でテスト済み

11
Charley Ramm

デフォルトでは、VSコードはフォーマットのカスタマイズをサポートしていません。ただし、js-beautify拡張機能を使用して、フォーマットをカスタマイズできます。 VSコードマーケットプレースで無料バージョンを見つけることができます( https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify )。

新しい行の波括弧の要件については、「。jsbeautifyrc 'プロジェクトのルートフォルダにある構成ファイルを作成し、次の行を定義します。

{
     "brace_style": "expand"
}

その他のフォーマットオプションについては、次のリンクから見つけることができます。 https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md

5
SridharKritha