Formatowanie SCSS

Sformatuj kod i znajdź błędy składni.

Na Twoim urządzeniu · Bez konta

Formatowanie SCSS przetwarza wprowadzone dane w tej przeglądarce. Dane wejściowe i wyniki nie trafiają do analityki. Lista ostatnio używanych narzędzi zapisuje nazwy narzędzi, liczbę wizyt i czas ostatniej wizyty. Lista zapisanych narzędzi przechowuje tylko ich nazwy. Zapisywanie szkicu jest opcjonalne, a szkic pozostaje na tym urządzeniu; zapisany tekst usuniesz za pomocą opcji szkicu. Opcjonalne wczytanie tekstu z adresu URL łączy się z danym serwerem; serwer widzi wskazany adres URL i Twój adres IP. Opcjonalna akcja „Użyj w” zachowuje dane do przekazania w tej karcie. Kolejne narzędzie usuwa je po otwarciu i pomija, jeśli minęła więcej niż minuta.

Opcja „Kopiuj link” umieszcza w adresie wybrane dane wejściowe do udostępnienia. Każdy, kto ma ten link, może je ponownie otworzyć. Pliki i wygenerowane wyniki nie są uwzględniane. Narzędzia do haseł i kluczy udostępniają tylko ustawienia.

Polski

Twój kod

Opcje i plik z urządzenia

Wcięcia

Otwórz plik tekstowy z tego urządzenia

Opcjonalne ustawienia dotyczą tylko tej karty.

Twój wynik

Zapisz szkic na tym urządzeniu

Zapisuj zmiany w tym szkicu

Zapisywanie jest wyłączone. Każdy, kto korzysta z tego profilu przeglądarki, może przeczytać zapisany szkic. Nic nie jest przesyłane na serwer.

Więcej

Skróty klawiszowe

O linkach i resetowaniu

Linki zawierają wpisane dane i ustawienia. Każdy, kto ma link, może je zobaczyć, więc pomiń prywatny tekst. Pliki i wygenerowane wyniki nie są dołączane; losowania są wykonywane ponownie.

Reset ponownie wczytuje narzędzie z początkowymi wartościami, zamyka otwarte pliki i zwalnia dostęp do urządzeń. Zapisane wersje robocze pozostają na tym urządzeniu, dopóki ich nie usuniesz.

Jak działa formatowanie SCSS

Wklej SCSS, aby sformatować kod dołączonym parserem Prettier 3.9.8. Wynik jest ponownie parsowany i sprawdzany pod kątem stabilności formatowania, zanim będzie można go skopiować lub pobrać.

Dalej: Formatowanie JSON

Przykład

Na przykład a{color:red} otrzymuje spójne odstępy w dokumencie SCSS. Niedomknięte nawiasy lub cudzysłowy powodują wyświetlenie błędu składni, a tekst wejściowy pozostaje dostępny do poprawienia.

Zanim użyjesz wyniku

Narzędzie formatuje zagnieżdżenia, zmienne i mixiny SCSS bez kompilowania CSS ani rozwijania importów. Nie wykonuje minifikacji. Usuwanie białych znaków bez minifikatora rozumiejącego składnię języka może zmienić znaczenie kodu.

Jak cytować tę stronę

Styl cytowania

ToolOctopus. “Formatowanie SCSS.” Aktualizacja 7 października 2026. https://tooloctopus.com/pl/formatowanie-scss.

Dodaj datę dostępu, jeśli wymagają tego Twoje wytyczne.

Cytowania są formatowane za pomocą biblioteki citeproc-js autorstwa Franka Bennetta oraz stylów Citation Style Language. Licencja i kod źródłowy.