Visual Studio Codeのフォーマットオプションをどのように変更しますか？

Visual StudioCodeでctrl + cmd + fを使用してコードをフォーマットできることは知っていますが、各言語のフォーマットオプションをどのように変更しますか？

たとえば、Visual Studio 2013では、CSSにコンパクトモードを選択できます。

それを行うための別の隠されたjsonファイルはありますか？

編集：

これは現在サポートされています（2019年現在）。参照してください下にsajad saderiの答えを説明するために。

いいえ、これは現在サポートさ れていません（2015年）。

VSコードで

押す Ctrl+Shift+P

次に入力します Format Document With...

リストの最後にあるをクリックします Configure Default Formatter...

これで、リストからお気に入りの美容師を選択できます。

マーケットプレイスでbeautifyというこの拡張機能を見つけました。そうです、これは別のconfig \ settingsファイルです。:)

Visual Studio CodeでJavaScript、JSON、CSS、Sass、およびHTMLを美化します。

VS Codeは内部でjs-beautifyを使用しますが、使用したいスタイルを変更する機能がありません。この拡張機能により、VS Codeでjs-beautifyを実行し、開いているファイルのパスツリーにある.jsbeautifyrcファイルを尊重してコードスタイルを読み込むことができます。F1 Beautify（選択を美化するため）またはF1Beautifyファイルで実行します。

.jsbeautifyrcの設定に関するヘルプについては、Settings.mdを参照してください。

これがGitHubリポジトリです：https：//github.com/HookyQR/VSCodeBeautify

最近VisualStudio Codeについて話している場合は、：にデフォルトのフォーマッターを設定しますsettings.json。

  // Defines a default formatter which takes precedence over all other formatter settings. 
  // Must be the identifier of an extension contributing a formatter.
  "editor.defaultFormatter": null,

インストールされている拡張機能の識別子をポイントします。

"editor.defaultFormatter": "esbenp.prettier-vscode"

フォーマット固有の方法もあります。

"[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[sass]": {
    "editor.defaultFormatter": "michelemelluso.code-beautifier"
},

こちらもご覧ください。

キーボードショートカット（）で、さまざまなフォーマッタに他のキーを割り当てることもできますkeybindings.json。デフォルトでは、次のようになります。

{
  "key": "shift+alt+f",
  "command": "editor.action.formatDocument",
  "when": "editorHasDocumentFormattingProvider && editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
}

最後に、Prettierプラグインとprettier.rcを使用することにし、たとえばhtml、scss、jsonの異なるインデントが必要な場合...

{
    "semi": true,
    "singleQuote": false,
    "trailingComma": "none",
    "useTabs": false,

    "overrides": [
        {
            "files": "*.component.html",
            "options": {
                "parser": "angular",
                "tabWidth": 4
            }
        },
        {
            "files": "*.scss",
            "options": {
                "parser": "scss",
                "tabWidth": 2
            }
        },
        {
            "files": ["*.json", ".prettierrc"],
            "options": {
                "parser": "json",
                "tabWidth": 4
            }
        }
    ]
}

「設定」からいくつかの変更を加えることができます。たとえば、javascriptルールは「javascript.format」で始まります。ただし、高度なフォーマット制御を行うには、いくつかの拡張機能を使用する必要があります。

formatcodeコマンドのルール設定

私のために働く解決策（2017年7月）は、ESLintを利用することです。誰もが知っているように、リンターはグローバルまたはローカルで複数の方法で使用できます。私はそれをローカルでそしてグーグルスタイルガイドで使用します。私が設定した方法は次のとおりです...

• cd to your working directory
• npm init
• npm install --save-dev eslint
• node_modules/.bin/eslint --init
• I use google style and json config file

これ.eslintrc.jsonで、作業ディレクトリのルートにファイルが作成されます。そのファイルを開いて、eslintルールを利用して自由に変更できます。cmd+,開いているvscodeシステム環境設定の横。検索バーに入力してeslint、を探します"eslint.autoFixOnSave": false。設定をコピーしてユーザー設定ファイルに貼り付け、に変更falseしtrueます。これがvscodeを利用している人に役立つことを願っています。

特にC＃（OmniSharp）のフォーマット設定を変更するには、OmniSharpがポイントされている作業ディレクトリ内のjsonファイル：
User： ~/.omnisharp/omnisharp.jsonまたは%USERPROFILE%\.omnisharp\omnisharp.json
Workspace： omnisharp.jsonファイルを使用できます。

例：

{
  "FormattingOptions": {
    "NewLinesForBracesInMethods": false,
    "NewLinesForBracesInProperties": false,
    "NewLinesForBracesInAccessors": false,
    "NewLinesForBracesInAnonymousMethods": false,
    "NewLinesForBracesInControlBlocks": false,
    "NewLinesForBracesInObjectCollectionArrayInitializers": false,
    "NewLinesForBracesInLambdaExpressionBody": false
  }
}

この投稿の詳細| omn​​isharp.jsonスキーマ（すでにvscodeにあり、Ctrlキーを押しながらスペースを入れるだけです）

他の言語拡張子には、それを設定するための同様のファイルがある場合があります。