Odpowiedzi:
Tak, spróbuj zainstalować rozszerzenie vscode-css-formatter .
Po prostu dodaje funkcję formatowania .css
plików, a skrót pozostaje ten sam Alt+ Shift+ F.
Alt+Shift+F
nadal daje: Przepraszamy, ale nie ma zainstalowanego programu formatującego dla plików 'css'. po przeładowaniu. Upiększ css / sass / scss / mniej działał.
Upiększ css / sass / scss / less
aby to uruchomić
wchodzić alt+shift+f
lub
naciśnij F1
lub, ctrl+shift+p
a następnie wprowadź upiększanie.
kolejny - JS-CSS-HTML Formatter
myślę, że używa obu tym rozszerzeniem js-upiększyć wewnętrznie
Zmarnowałem godzinę na szukanie najlepszej opcji.
Po prostu złożenie go razem, aby łatwo przeczytać i wybrać jedną z nich.
Uwagi:
Opcje:
Formatować:
Naciśnij Alt+ Shift+ Fw VS Code, po zainstalowaniu Prettier.
Po otwarciu lokalnego pliku bootstrap.min.css w kodzie studia wizualnego wyglądał na pozbawionego wcięć. Wypróbowałem komendę ALT + Shift + F. ale na próżno.
Następnie zainstalowany
Rozszerzenie CSS Formatter .
Załadowałem go ponownie i ALT + Shift + F dodały uroku mojemu plikowi CSS.
Bingo !!!
W galerii jest kilka do wyboru, ale ten, którego używam, który oferuje znaczny poziom konfigurowalności, nadal pozostając dyskretny dla pozostałych ustawień, to Beautify autorstwa Michele Melluso . Działa zarówno na CSS, jak i SCSS i pozwala na wcięcie 3 spacji, utrzymując resztę kodu na 2 spacjach, co jest miłe.
Możesz go pobrać z GitHub i dostosować samodzielnie, jeśli też masz na to ochotę.
Przejdź do menu Pliki -> Preferencje -> Rozszerzenia Następnie wpisz CSS Formatter, poczekaj, aż się załaduje i kliknij Zainstaluj
Zainstaluj rozszerzenie HookyQR.beautify. Upiększy twój javascript, JSON, CSS, Sass i HTML w Visual Studio Code. Są to najczęściej używane rozszerzenia do tego celu
Aby sformatować kod w programie Visual Studio, kiedy chcesz, naciśnij: (Ctrl + K) & (Ctrl + F)
Zasady automatycznego formatowania można znaleźć i zmienić w: Narzędzia / Opcje -> (Lewy pasek boczny): Edytor tekstu / CSS (lub jakikolwiek inny język, który chcesz zmienić)
W przypadku języka CSS opcje są niestety bardzo ograniczone. Możesz także wprowadzić pewne zmiany w: ... / Edytor tekstu / Wszystkie języki