Jak dostosować współczynnik konwersji tabulacji na spację podczas korzystania z programu Visual Studio Code?
Na przykład teraz w HTML wydaje się tworzyć dwie spacje na jedno naciśnięcie TAB, ale w TypeScript daje 4.
visual-studio-code
vscode-settings
J. Abrahamson
źródło
źródło
tabSize
według języka? np. podczas edycji wielu plików w różnych językach w tym samym obszarze roboczym (np. Ruby, JavaScript, CSS itp.) - Ruby to2
spacje, ale CSS4
... zwykle.Używam wersji 1.21, ale myślę, że może to dotyczyć również wcześniejszych wersji.
Spójrz na prawą dolną część ekranu. Powinieneś zobaczyć coś, co mówi
Spaces
lubTab-Size
.Mój pokazuje spacje, →
Działa to tylko na dokument, a nie na cały projekt. Jeśli chcesz zastosować go w całym projekcie, musisz również dodać
"editor.detectIndentation": false
do ustawień użytkownika.źródło
Cóż, jeśli podoba Ci się sposób programisty, Visual Studio Code pozwala określić różne typy plików dla
tabSize
. Oto przykład mojegosettings.json
z domyślnymi czterema spacjami i JavaScript / JSON dwoma spacjami:PS: Cóż, jeśli nie wiesz, jak otworzyć ten plik (szczególnie w nowej wersji programu Visual Studio Code), możesz:
źródło
Domyślnie program Visual Studio Code automatycznie wykrywa wcięcie bieżącego otwartego pliku. Jeśli chcesz wyłączyć tę funkcję i zrobić całe wcięcie, na przykład dwa spacje, wykonaj następujące czynności w Ustawieniach użytkownika lub Ustawieniach obszaru roboczego.
źródło
Możemy kontrolować rozmiar tabulatorów według typu pliku za pomocą EditorConfig i jego EditorConfig dla rozszerzenia VS Code . Następnie możemy dostosować Alt+ Shift+ Fdo każdego typu pliku.
Instalacja
Przykładowa konfiguracja
.editorconfig
settings.json
EditorConfig zastępuje wszystkie ustawienia setup.json dla edytora. Nie ma potrzeby zmiany
editor.detectIndentation
.źródło
ext
czym mówisz (odpowiedz, edytując odpowiedź, a nie tutaj w komentarzach (jeśli to konieczne))? Jakieś problemy z Node.js? Jaka platforma?Jeśli używasz ładniejszego rozszerzenia w programie Visual Studio Code, spróbuj dodać to do pliku settings.json:
źródło
W Visual Studio Code w wersji 1.31.1 lub nowszej (myślę): Podobnie jak sed Alex Dima , możesz to łatwo dostosować za pomocą tych ustawień
źródło
Chcesz się upewnić, że konfiguracja edytora nie powoduje konfliktu z konfiguracją ustawień użytkownika lub obszaru roboczego, ponieważ miałem trochę irytacji, myśląc, że ustawienia plików ustawień nie zostały zastosowane, gdy moja konfiguracja edytora cofnęła te zmiany.
źródło
To
lonefy.vscode-js-css-html-formatter
wina. Wyłącz i zainstalujHookyQR.beautify
.Teraz po zapisaniu karty nie zostaną przekonwertowane.
źródło
W prawym dolnym rogu masz Spaces: Spaces: 2
Tam możesz zmienić wcięcie według swoich potrzeb: Opcje wcięcia
źródło
Podczas korzystania z TypeScript domyślna szerokość tabulacji wynosi zawsze dwa, niezależnie od tego, co jest napisane na pasku narzędzi. Musisz ustawić „prettier.tabWidth” w ustawieniach użytkownika, aby go zmienić.
Ctrl+ P, Wpisz → ustawienia użytkownika, dodaj:
źródło
Jeśli zaakceptowana odpowiedź na ten post nie działa, spróbuj:
Miałem EditorConfig dla Visual Studio Code zainstalowanego w moim edytorze i nadal zastępowało moje ustawienia użytkownika, które były ustawione na wcięcie plików za pomocą spacji. Za każdym razem, gdy przełączam się między kartami edytora, mój plik automatycznie wcina się w tabulatory, nawet gdybym przekonwertował wcięcie na spacje !!!
Zaraz po odinstalowaniu tego rozszerzenia wcięcia nie zmieniają się między przełączaniem kart edytora i mogę pracować wygodniej, zamiast konieczności ręcznej konwersji kart na spacje za każdym razem, gdy zmieniam pliki - to bolesne.
źródło
Istnieje już wiele dobrych odpowiedzi od naszych ukochanych członków społeczności. Naprawdę chciałem dodać tabSize kodu C # i znalazłem ten wątek. Znalazłem wiele rozwiązań, a oficjalne dokumenty VS Code są niesamowite. Chcę tylko udostępnić moje ustawienie C #:
po prostu skopiuj i wklej powyższy kod do swojego
settings.json
pliku i zapisz. dziękiźródło
Menu Plik → Preferencje → Ustawienia
Dodaj do ustawień użytkownika:
następnie kliknij dokument prawym przyciskiem myszy, jeśli już go otworzyłeś i kliknij polecenie Formatuj dokument, aby istniejący dokument był zgodny z tymi nowymi ustawieniami.
źródło
Rozwiązanie @ alex-dima z 2015 roku zmieni rozmiary tabulatorów i spacje dla wszystkich plików, a rozwiązanie @ Tricky z 2016 roku zmienia tylko ustawienia dla bieżącego pliku.
Od 2017 roku znalazłem inne rozwiązanie, które działa w zależności od języka. Program Visual Studio Code nie używał odpowiednich rozmiarów tabulatorów lub ustawień miejsca dla Elixir , więc stwierdziłem, że mogę zmienić ustawienia dla wszystkich plików Elixir.
Kliknąłem język na pasku stanu (w moim przypadku „Elixir”), wybrałem „Konfiguruj ustawienia oparte na języku Elixir” ... ”i edytowałem ustawienia języka specyficzne dla Elixir. Właśnie skopiowałem ustawienia „editor.tabSize” i „editor.insertSpaces” z domyślnych ustawień po lewej stronie (cieszę się, że są one pokazane), a następnie zmodyfikowałem je po prawej stronie.
Działa świetnie, a teraz wszystkie pliki językowe Elixir używają odpowiedniego rozmiaru tabulatora i ustawień miejsca.
źródło
Musiałem dokonać wielu zmian ustawień, takich jak poprzednie odpowiedzi, więc nie wiem, co sprawiło, że zadziałało po wielu modyfikacjach.
Nic nie działało, dopóki nie zamknął i openen mojego IDE, ale ostatnie trzy rzeczy zrobiłem było Wyłącz
lonefy.vscode-js-css-html-formatter
,"html.format.enable": true,
a ponowne uruchomienie programu Visual Studio.źródło
Jeśli dotyczy to Angulara 2, a CLI generuje pliki, które chcesz inaczej sformatować, możesz edytować te pliki, aby zmienić to, co jest generowane:
Niezalecane jako aktualizacja npm usunie twoją pracę, ale zaoszczędziło mi to dużo czasu.
źródło
Próbowałem zmienić edytor
.tabSize
na 4, ale.editorConfig
zastępuje ustawienia, które określiłem, więc nie ma potrzeby zmiany konfiguracji w ustawieniach użytkownika. Musisz tylko edytować plik .editorConfig:źródło
Użytkownik 3550138 jest poprawny.
lonefy.vscode-js-css-html-formatter
zastępuje wszystkie ustawienia wymienione w innych odpowiedziach. Nie trzeba go jednak wyłączać ani odinstalowywać, ponieważ można je skonfigurować.Pełne instrukcje można znaleźć, otwierając pasek boczny rozszerzeń i klikając to rozszerzenie, a instrukcje konfiguracji zostaną wyświetlone w obszarze roboczym edytora. Przynajmniej robi to dla mnie w Visual Studio Code wersja 1.14.1.
źródło