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?
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?
Odpowiedzi:
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
settings
Extensions
Vetur
format > 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
.jsbeautifyrc
pliku konfiguracyjnego, co z kolei będzie pomocne dla innych członków zespołu, którzy mogą używać innych IDE do pisania kodu. W przypadku Sublime Text najlepsza jest wtyczka HTML-CSS-JS-Prettify . Niestety dla Eclipse implementacje na rynku są błędne. Nadal muszę używać, editorconfig
który wykonuje przyzwoitą pracę.
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"
},
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ń.
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.json
plik 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 vscode
preferencji systemowych. W pasku wyszukiwania wpisz eslint
i wyszukaj "eslint.autoFixOnSave": false
. Skopiuj ustawienie i wklej w pliku ustawień użytkownika i zmień false
na 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.