Główna » zestaw narzędzi » 10 Sublime pakietów tekstowych dla programistów Frontend

    10 Sublime pakietów tekstowych dla programistów Frontend

    Sublime Text to jeden z najmocniejszych edytorów kodu z niesamowitymi funkcjami i może być jeszcze bardziej wydajny dzięki instalacji Wtyczki lub Pakiety. Wtyczki te dodają dodatkowe funkcje do Sublime Text. A dzisiaj istnieje wiele wtyczek, które spełniają niemal wszystkie potrzeby związane z kodowaniem.

    Znalezienie dobrego rozszerzenia może być prawdziwym wyzwaniem; niektóre rozszerzenia zostały całkowicie porzucone przez ich twórców, podczas gdy inne mogą nie być już zgodne z najnowszą wersją Sublime Text 3 (w momencie pisania tego tekstu).

    Jeśli jesteś programistą frontend, wybraliśmy kilka rozszerzeń i umieściliśmy je razem w tym artykule. To są 10 deweloperów frontendowych pakietów tekstowych Sublime powinno wypróbować.

    Więcej na stronie Hongkiat.com:

    • 18 niezbędnych wtyczek, aby uzyskać więcej z SublimeText
    • [Jak to zrobić] Pracuj z fragmentami kodu w wysublimowanym tekście
    • [Jak to zrobić] Odśwież zmiany w przeglądarce za pomocą Sublime Text
    • [Jak] Identyfikować błąd kodu w wysublimowanym tekście
    • Łatwy wybór koloru w wysublimowanym tekście

    1. AlignTab

    AlignTab to wtyczka do dopasowywania kodów. To ma “Tryb podglądu” co pozwala zobaczyć, jak zostanie zastosowane wyrównanie (biorąc pod uwagę notację RegEx), zanim zostanie faktycznie zastosowane. Ma także “Tryb tabeli” pozwoli ci ustaw odpowiednie wyrównanie dla tabel w formacie Markdown, zbudowany z rurociągów: |. AlignTab to wygodne rozszerzenie do uporządkowania wyrównania kodu i ułatwienia czytania.

    2. ColorHighlighter

    ColorHighlighter to wtyczka pokazuje wybrane kody kolorów z ich kolorem wizualnym. Jeśli wybierzesz “#fff” pokaże kolor biały. ColorHighlighter obsługuje wszystkie formaty kolorów CSS, takie jak Hex, RGB, HSL, HSV i zawierają kolorowe słowa kluczowe, takie jak “czerwony”, “Zielony”, itd. Pokazuje także zmienne LESS, Sass i Stylus, które zawierają wartość koloru. To plugin, który pomoże Ci być bardziej intuicyjnym podczas pracy z kolorami.

    3. MultiEditUtils

    Wtyczka MultiEditUtils poprawia wbudowaną funkcję SublimeText “multi-kursor” i “wybór wielokrotny” funkcja, oszczędzając czas edytowanie długich linii kodu. Na przykład: możesz scalić lub zamienić wybrane linie, poprawia to również SublimeText “wybór podziału” umożliwiając określenie notacji w celu podziału wybranych linii. Myślę, że to musi mieć wtyczkę do zainstalowania dla programistów.

    4. Git Gutter

    Jeśli pracujesz z Gitem, Git Gutter jest zalecaną wtyczką Sublime Text do zainstalowania. GitGutter pokaże flagę w obszarze rynny zmiany, uzupełnienia lub usunięcia dokonane w kodzie. Jest to przydatny kod, który natychmiast widzi porównanie między wersją kodu a zatwierdzeniem, gałęzią lub repozytorium HEAD.

    5. Modyfikacja

    Modyfikacja jest przydatna, gdy używasz Git lub SVN w swojej pracy. Podobnie jak GitGutter, modyfikacja oznaczy zmianę w twoich kodach. Oprócz podświetlania zmian, możesz także przeglądać lub porównywać różnicę między bieżącym kodem a ostatnim zatwierdzeniem, naciskając Ctrl + Alt + D. Inne rzeczy, które możesz zrobić z Modyfikacją to podgląd zatwierdzonego kodu dla bieżącej linii jak również przywracanie modyfikacji kodu.

    6. Inc Dec Value

    Inc Dec Value pozwala na zwiększaj lub zmniejszaj liczby jednocześnie, nawet jeśli są na różnych liniach. Oprócz liczb możesz również zmienić wartość dat i kolory HEX. Aby użyć tej wtyczki, należy skierować kursor dokładnie na prawo od numeru, a następnie nacisnąć Alt + ↑ aby zwiększyć liczbę lub Alt + ↓ aby zmniejszyć liczbę. Możesz także użyć kółka myszy.

    7. FileBrowser

    FileBrowser oferuje nowy sposób nawiguj po plikach i folderach w katalogu projektu. Po zainstalowaniu tej wtyczki możesz mieć dostęp do katalogu projektu na nowym pasku bocznym i poruszać się po nim bez odsuwania rąk od klawiatury - jak koder. Kiedy się do tego przyzwyczaisz, ta wtyczka może stopniowo zwiększać przepływ pracy.

    8. IconFont

    IconFont udostępnia fragmenty wielu popularnych czcionek ikon, takich jak FontAwesome, PaymentFont, Typicons i Github Octicons. Działa podobnie do zwykłych fragmentów kodu HTML, gdzie skróty zostaną rozszerzone do pełnej długości klas i kodu HTML dla każdej ikony.

    9. DistractionFreeWindow

    Chociaż wbudowany jest tekst Sublime “Bezpłatne rozproszenie uwagi” Funkcja pozwala skupić się na kodzie lub treści, które wpisujesz, gdy jesteś w tym trybie, minimapa, pasek boczny i wszystkie inne karty są ukryte. Brak rozproszenia nie powinien oznaczać utraty dostępu do tych funkcji. W tym miejscu wkracza DistractionFreeWindow, aby zapewnić Ci większą elastyczność pod względem tego, jak powinien zachowywać się tryb Distraction Free.

    10. Linie filtracyjne

    Linie FilterLine pozwalają przeszukiwać linie w dokumencie pod kątem podanych “ciąg słów kluczowych” lub “Zapis RegEx”. Jest to przydatna funkcja radzić sobie z dużą ilością surowych danych w postaci JSON, JavaScript Array, CVS.

    Zdjęcie dzięki uprzejmości: David Peckham