Jak zmienić opcje formatowania w Visual Studio Code?

Wiem, że możesz formatować kod za pomocą Ctrl+ F/ Cmd+ Fw Visual Studio Code, ale jak zmienić opcje formatowania dla każdego języka?

Na przykład w Visual Studio 2013 mogę wybrać tryb kompaktowy dla CSS.

Czy jest inny ukryty plik JSON do tego?

W kodzie VS.

naciśnij Ctrl+ Shift+P

następnie wpisz Format Document With...

Na końcu listy kliknij Configure Default Formatter...

Teraz możesz wybrać z listy swój ulubiony kosmetyk.

Zaktualizuj 2021

jeśli "Format Document With..."już nie istniał, przejdź do => => następnie przejdź do => przewiń trochę, a zobaczysz , teraz możesz wybrać dowolny program formatujący dokumenty, który zainstalowałeś, bofer dla różnych rozszerzeń plików.file preferences settingsExtensions Veturformat > defaultFormatter:css

Właśnie znalazłem to rozszerzenie o nazwie beautify w Market Place i tak, to kolejny plik config \ settings. :)

Upiększ JavaScript, JSON, CSS, Sass i HTML w Visual Studio Code.

VS Code używa wewnętrznie js-beautify, ale brakuje mu możliwości modyfikowania stylu, którego chcesz użyć. To rozszerzenie umożliwia uruchamianie js-beautify w VS Code ORAZ honorowanie dowolnego pliku .jsbeautifyrc w drzewie ścieżki otwartego pliku w celu załadowania stylu kodu. Uruchom z F1 Beautify (aby upiększyć zaznaczenie) lub F1 Beautify file.

Aby uzyskać pomoc dotyczącą ustawień w .jsbeautifyrc, zobacz Settings.md

Oto repozytorium GitHub: https://github.com/HookyQR/VSCodeBeautify

Edytować:

Jest to teraz obsługiwane (od 2019 r . ) . Aby uzyskać instrukcje, zapoznaj się z odpowiedzią sajad saderi poniżej .

Nie, obecnie nie jest to obsługiwane (w 2015 r . ) .

Jeśli mówimy teraz o Visual Studio Code , ustawiasz domyślny program formatujący w 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,

Wskaż identyfikator dowolnego zainstalowanego rozszerzenia, tj

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

Możesz to również zrobić w zależności od formatu :

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

Zobacz także tutaj .

Możesz także przypisać inne klawisze do różnych elementów formatujących w swoich skrótach klawiaturowych ( keybindings.json). Domyślnie brzmi:

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

Wreszcie, jeśli zdecydujesz się na użycie wtyczki Prettier iprettier.rc chcesz na przykład inne wcięcia dla 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
            }
        }
    ]
}

Możesz wprowadzić pewne zmiany w „Ustawieniach”. Na przykład reguły javascript zaczynają się od „javascript.format”. Ale do zaawansowanej kontroli formatowania nadal trzeba używać niektórych rozszerzeń.

Ustawienia reguł dla polecenia kodu formatu

Rozwiązaniem, które działa dla mnie (lipiec 2017), jest wykorzystanie ESLint . Jak wszyscy wiedzą, lintera można używać na wiele sposobów, globalnie lub lokalnie. Używam go lokalnie i z przewodnikiem stylu Google. Sposób, w jaki to skonfigurowałem, jest następujący ...

• 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

Teraz będziesz mieć .eslintrc.jsonplik w katalogu głównym katalogu roboczego. Możesz otworzyć ten plik i modyfikować według własnego uznania, korzystając z reguł eslint . Obok cmd+,otwartych vscodepreferencji systemowych. W pasku wyszukiwania wpisz eslinti wyszukaj "eslint.autoFixOnSave": false. Skopiuj ustawienie i wklej w pliku ustawień użytkownika i zmień falsena true. Mam nadzieję, że może to pomóc komuś korzystającemu z vscode .

Aby zmienić konkretnie ustawienia formatowania C # (OmniSharp), możesz użyć pliku json:
User: ~/.omnisharp/omnisharp.json lub %USERPROFILE%\.omnisharp\omnisharp.json
Workspace: omnisharp.json file w katalogu roboczym, na który wskazano OmniSharp.

Przykład:

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

Szczegóły w tym poście | schemat omnisharp.json (jest już w vscode, możesz po prostu CTRL + SPACJA)

Inne rozszerzenia językowe mogą mieć podobne pliki do ustawienia.

To samo przytrafiło się właśnie teraz. Ustawiłem ładniejszy jako domyślny formatter w Ustawieniach i znowu zaczął działać. Mój domyślny program formatujący był pusty.

Aby ustawić domyślny program formatujący VSCODE

Plik -> Preferencje -> Ustawienia (dla Windows) Kod -> Preferencje -> Ustawienia (dla Mac)

Wyszukaj „Default Formatter”. W menu, ładniejszy będzie wyświetlany jako esbenp.prettier-vscode.