Brackets

Opis

Dzięki skoncentrowanym narzędziom wizualnym i obsłudze preprocesorów Brackets to nowoczesny edytor tekstu, który ułatwia projektowanie w przeglądarce. Wypróbuj Creative Cloud Extract (wersja zapoznawcza) dla nawiasów, aby uzyskać prosty sposób na uzyskanie czystego, minimalnego kodu CSS bezpośrednio z pliku PSD bez wygenerowanego kodu.

Uzyskaj wskazówki do kodu z PSD

Rozszerzenie Wyodrębnij nawiasy (podgląd) umożliwia wyciągnięcie informacji projektowych z pliku PSD, w tym kolorów, czcionek, gradientów i informacji o pomiarach w postaci czystego, minimalnego kodu CSS za pomocą kontekstowych wskazówek do kodu. Można również wyodrębniać warstwy jako obrazy, wykorzystywać informacje z pliku PSD do definiowania zmiennych preprocesora i łatwo uzyskiwać wymiary między obiektami.

Edytory wbudowane

Zamiast przeskakiwać między zakładkami plików, nawiasy klamrowe pozwalają otworzyć okno w kodzie, na którym najbardziej Ci zależy. Chcesz popracować nad CSS, który ma zastosowanie do określonego identyfikatora? Umieść kursor myszy na tym identyfikatorze, naciśnij Command/Ctrl + E, a nawiasy pokażą wszystkie selektory CSS z tym identyfikatorem w oknie wbudowanym, dzięki czemu możesz pracować nad swoim kodem obok siebie, bez żadnych wyskakujących okienek.

Podgląd na żywo

Uzyskaj połączenie w czasie rzeczywistym z przeglądarką. Wprowadź zmiany w CSS i HTML, a natychmiast zobaczysz te zmiany na ekranie. Zobacz także, gdzie w przeglądarce jest stosowany selektor CSS, po prostu umieszczając na nim kursor. To potęga edytora kodu z wygodą narzędzi programistycznych w przeglądarce.

Obsługa preprocesora

Pracuj z preprocesorami w zupełnie nowy sposób. Wiemy, jak ważne są preprocesory dla Twojego przepływu pracy. Dlatego chcemy, aby Brackets był najlepszym edytorem kodu dla preprocesorów. Dzięki nawiasom możesz używać szybkiej edycji i podświetlania na żywo z plikami LESS i SCSS, co sprawi, że praca z nimi będzie łatwiejsza niż kiedykolwiek.