Как изменить параметры форматирования в Visual Studio Code?

В коде VS:

Нажмите Ctrl+Shift+P

Затем введите Format Document With...

В конце списка нажмите на Configure Default Formatter...

Теперь вы можете выбрать свой любимый косметический элемент из списка.

Обновление 2021

если "Format Document With..." больше не существует, перейдите к file -> preferences -> settings -> Extensions -> Vetur немного прокрутите, затем вы увидите format -> defaultFormatter:css, теперь вы можете выбрать любой форматировщик документа которые вы установили ранее для разных расширений типов файлов.

Я только что нашел это расширение под названием beautify в Market Place, и да, это другая конфигурация. \файл настроек. :)

Украсьте javascript, JSON, CSS, Sass и HTML в Visual Studio Code.

VS Code использует js-beautify внутри, но у него нет возможности изменить стиль, который вы хотите использовать. Это расширение позволяет запускать js-beautify в VS Code и учитывать любой файл .jsbeautifyrc в дереве путей открытого файла для загрузки стилей кода. Запустите с помощью F1 Beautify (чтобы украсить выделение) или файла F1 Beautify.

Справку по настройкам в .jsbeautifyrc см. в Settings.md.

Вот репозиторий GitHub: https://github.com/HookyQR/VSCodeBeautify

Если мы сейчас говорим об Visual Studio 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
            }
        }
    ]
}

Изменить:

Это в настоящее время поддерживается (по состоянию на 2019 г.). Инструкции см. в ответе Саджада Садери.

Нет, в настоящее время это не поддерживается (в 2015 году).

Вы можете внести некоторые изменения в «Настройки». Например, правила javascript начинаются с «javascript.format». Но для расширенного управления форматированием все же нужно использовать некоторые расширения.

Настройки правил для команды форматирования кода

Решение, которое работает для меня (июль 2017 г.), заключается в использовании ESLint. Как всем известно, линтер можно использовать несколькими способами, глобально или локально. Я использую его локально и с помощью руководства по стилю Google. Я настроил это следующим образом...

• 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.

То же самое случилось со мной только что. Я установил красивее в качестве форматирования по умолчанию в настройках, и он снова начал работать. Мой форматировщик по умолчанию был нулевым.

Чтобы установить форматирование по умолчанию VSCODE

Файл -> Настройки -> Настройки (для Windows) Код -> Настройки -> Настройки (для Mac)

Найдите средство форматирования по умолчанию. В раскрывающемся списке красивее будет отображаться как esbenp.prettier-vscode.

Чтобы изменить настройки форматирования специально для C# (OmniSharp), вы можете использовать файл json:
Пользователь: ~/.omnisharp/omnisharp.json или %USERPROFILE%\.omnisharp\omnisharp.json
Рабочая область: omnisharp.json файл в рабочей каталог, на который указывает OmniSharp.

Пример:

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

Подробности в этом сообщении< /а> | схема omnisharp.json (она уже есть в vscode, вы можете просто нажать CTRL+ПРОБЕЛ)

Другие языковые расширения могут иметь аналогичные файлы для его настройки.