Skróty i wskazówki dotyczące poprawy produktywności dzięki wysublimowanemu tekstowi

Sublime Text to bez wątpienia jeden z najpotężniejszych edytorów tekstu. Świadczy o tym liczba zadowolonych użytkowników. Jeśli go poznasz, w końcu zobaczysz, jak pięknie jego potężne funkcje są ukryte za prostym i eleganckim interfejsem.

Jeśli od jakiegoś czasu używasz Sublime Text, teraz nadszedł czas, aby ulepszyć swój arsenał o nową amunicję. Przeprowadzę Cię przez kilka moich ulubionych wskazówek i sztuczek. Znajomość ich może po prostu uwolnić twoje ukryte moce programisty w świecie.

Dalsze czytanie na SmashingMag:

• 50 potężnych oszczędności czasu dla projektantów stron internetowych
• Potężne porady, narzędzia i triki dotyczące przepływu pracy dla projektantów stron internetowych
• Jak utrzymać porządek w kodowaniu?

Wysublimowane wtyczki tekstowe

Kontrola pakietów

Kontrola pakietów to kompleksowe rozwiązanie do pobierania i zarządzania wtyczkami i motywami związanymi z Sublime Text. Instrukcje instalacji są dostępne na stronie internetowej Package Control.

Po zainstalowaniu możesz uzyskać do niego dostęp za pomocą palety poleceń. Aby zainstalować wtyczkę, naciśnij Cmd ⌘ + Shift ⇧ + P (Mac) lub Ctrl ⌃ + Shift ⇧ + P (Windows i Linux), a następnie wpisz Install Package i naciśnij „Return”. Załadowanie listy wtyczek w repozytorium zajmuje kilka chwil, ale potem możesz wpisać nazwę wtyczki, która Cię interesuje i zainstalować ją stamtąd. Niektóre z moich ulubionych wtyczek są wymienione poniżej.

Ulepszenia paska bocznego

Domyślny pasek boczny Sublime Text może wykonywać tylko niektóre ograniczone zadania. Wtyczka Ulepszenia paska bocznego uzupełnia Sublime Text poleceniami otwierania pliku w przeglądarce, kopiowania, wklejania, kopiowania ścieżki, duplikowania, usuwania i nie tylko.

Zwykłe zadania

Zwykłe zadania przekształca Sublime Text w potężny menedżer list rzeczy do zrobienia. Możesz go zainstalować za pomocą Kontroli pakietów. Utwórz plik z rozszerzeniem .todo , aby aktywować na nim zwykłe zadania. Aby uzyskać inne wskazówki, możesz skorzystać z samouczka dostarczonego we wtyczce, dostępnego w „Preferencje” → „Ustawienia pakietu” → „Zwykłe zadania” → „Samouczek”.

Do nowego zadania:

• Cmd ⌘ + Return ↵ (Mac)
• Ctrl ⌃ + Return ↵ (Windows i Linux)

Aby oznaczyć jako gotowe:

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows i Linux)

Aby oznaczyć jako anulowane:

• Ctrl ⌃ + C (Mac)
• Alt + C (Windows i Linux)

Wysublimowany Linter

Sprawdź błędy w swoim kodzie za pomocą Sublime Linter. Wtyczka zapewnia strukturę do lintingu kodu. Właściwy linting jest wykonywany przez różne wtyczki (dla Ruby, Pythona, JavaScript itp.), co oznacza, że ​​musisz najpierw zainstalować Sublime Linter, a następnie zainstalować linters specyficzny dla składni swojego kodu. Dostępna jest obszerna dokumentacja.

Mrówka

Emmet, kiedyś znany jako Zen Coding, jest niezbędnym narzędziem dla każdego twórcy stron internetowych. Jest to prawdopodobnie najbardziej wydajna i oszczędzająca czas wtyczka, jaką kiedykolwiek znajdziesz.

Pisanie kodu wymaga czasu, a prace nad HTML, takie jak pisanie tagów i zawijanie klas w cudzysłowy, mogą być nudne. Emmet zajmuje się tym wszystkim. Magicznie rozszerza skróty na całą strukturę HTML lub CSS. Składnia, której używa dla tych skrótów, jest inspirowana selektorami CSS. Obejrzyjmy to w akcji.

Wzniosły nauczyciel

Sublime Tutor to interaktywny samouczek w edytorze dotyczący skrótów klawiaturowych w Sublime Text. Jeśli dopiero zacząłeś korzystać z Sublime Text, wtyczka natychmiast zwiększy Twoją produktywność, ucząc Cię ciekawych wskazówek i sztuczek w samym edytorze. Wtyczka wykorzystuje technikę powtarzania z odstępami, aby upewnić się, że zapamiętasz polecenia, których uczy.

Użyj Kontroli pakietów, aby zainstalować wtyczkę. Po zainstalowaniu możesz uzyskać dostęp do nauczyciela za pomocą menu „Pomoc” lub skrótu klawiaturowego Ctrl ⌃ + Alt ⌥ + K

Wzniosłe funkcje tekstowe

Idź do wszystkiego

Jest to prawdopodobnie najpotężniejsze i najczęściej używane polecenie w Sublime Text. Z łatwością poruszaj się po plikach, folderach, symbolach i liniach.

Aby przejść do pliku:

• Cmd ⌘ + P (Mac)
• Ctrl ⌃ + P (Windows i Linux)

Naciśnij krótki kod klawiatury i zacznij wpisywać nazwę pliku. Sublime Text wykona wyszukiwanie rozmyte i natychmiast pobierze żądany plik.

Przejdź do symbolu:

• Cmd ⌘ + R (Mac)
• Ctrl ⌃ + R (Windows i Linux)

Przejdź do linii:

• Ctrl ⌃ + G (Mac)
• Ctrl ⌃ + G (Windows i Linux)

Aby przejść do określonej linii w pliku, wpisz dwukropek, a następnie numer linii lub użyj skrótu klawiaturowego.

Wybór słów

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows i Linux)

Umieść kursor na słowie, naciśnij skrót klawiatury, a słowo zostanie natychmiast wybrane. Jeśli ponownie naciśniesz tę samą kombinację klawiszy, Sublime Text przejdzie w tryb wielokrotnego zaznaczania i wybierze inne wystąpienia tego samego słowa w dokumencie. Możesz użyć tej metody, aby szybko dodać lub zastąpić tekst we wszystkich wystąpieniach słowa.

• Ctrl ⌃ + Cmd ⌘ + G (Mac)
• Alt + F3 (Windows i Linux)

To kolejny sposób na osiągnięcie tego samego. Zamiast przyrostowo wyszukiwać słowo, wykonuje zbiorcze wyszukiwanie słowa pod kursorem i przełącza się w tryb wielokrotnego wyboru.

Rozwiń zaznaczenie do zakresu

• Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
• Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows i Linux)

Ten skrót jest niezwykle przydatny dla programistów JavaScript. Wybiera aktualny zakres. Ponowne naciśnięcie tej samej kombinacji klawiszy powoduje wybranie jej zakresu nadrzędnego. Film wyjaśnia, jak to działa:

Podziel zaznaczenie na linie

• Cmd ⌘ + Shift ⇧ + L (Mac)
• Ctrl ⌃ + Shift ⇧ + L (Windows i Linux)

Użyj tego skrótu, aby podzielić zaznaczony obszar na wiele wierszy, umieszczając Sublime Text w trybie wielokrotnego zaznaczania. Używam tej sztuczki, aby szybko przekonwertować listę słów na załączoną tablicę ciągów.

Wybór kolumny

• Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
• Ctrl ⌃ + Alt + Up ↑ / Down ↓ (wygrana)
• Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

Użyj tego skrótu, aby wybrać kolumnę w Sublime Text. Umieść kursor w dowolnym miejscu w dokumencie, a następnie naciśnij skrót, aby wybrać kolumny w górę lub w dół. Powoduje to również przejście do trybu wielokrotnego wyboru, podobnie jak dwa powyższe polecenia.

Sortować

• F5 (Mac)
• F9 (Windows i Linux)

Lubię, gdy moje właściwości CSS są posortowane alfabetycznie. To polecenie jest do tego niezwykle przydatne. Wybierz blok, który chcesz posortować (wskazówka dla profesjonalistów: użyj Ctrl ⌃ + Shift ⇧ + J , aby wybrać poziom wcięcia), a następnie naciśnij krótki kod klawiatury.

Włącz sprawdzanie pisowni

• F6

Koniec z rozczarowaniem z powodu błędów typograficznych po tym, jak kod dotarł do etapu recenzji. Użyj tego klawisza, aby szybko przełączać sprawdzanie pisowni.

Komentarz

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows i Linux)

To jeden z moich najczęściej używanych skrótów. Ten skrót ułatwia oznaczanie komentarzy w dowolnym języku programowania. W pliku HTML umieszcza parę <!-- --> , podczas gdy w JavaScript umieszcza // na początku linii.

Bubble line w górę lub w dół

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows i Linux)

Chcesz przenieść fragment kodu o pięć wierszy w górę? Wycinanie i wklejanie to naprawdę stara szkoła. Użyj tego skrótu klawiszowego, aby przenieść fragment w dowolne miejsce. Naciśnij skrót ponownie, aby dalej przesuwać go w górę lub w dół.

Powiel zaznaczenie

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows i Linux)

Domyślnie ten skrót powiela bieżący wiersz i umieszcza go w następnym wierszu. Jeśli wybierzesz region i naciśniesz ten skrót, powieli on cały region.

Połącz dwie linie

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows i Linux)

Spowoduje to połączenie następnego wiersza z bieżącym wierszem, zastępując wszystkie odstępy między nimi pojedynczą spacją. Wykonywany na bloku linii, łączy wszystkie linie razem.

Przejdź do pasującego wspornika

• Ctrl ⌃ + M

Użyj tego polecenia, aby przesunąć kursor z jednej pozycji nawiasu do drugiej. Jest to szczególnie przydatne, gdy gubisz się w długiej metodzie i chcesz osiągnąć pozycję wyjściową (lub odwrotnie).

Zamknij tag HTML

• Cmd ⌘ + Opt ⌥ + . (Prochowiec)
• Alt + . (Windows i Linux)

Użyj tego skrótu, aby zamknąć aktualnie otwarty tag HTML. Wstawia pasujący znacznik zamykający w bieżącej lokalizacji kursora.

Znajdź w projekcie

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows i Linux)

To jest odpowiednik grep dla Sublime Text. Znajduje termin w całym projekcie. Cechą szczególną tego polecenia jest to, że działa błyskawicznie. Istnieją opcje, aby rozróżniać wielkość liter i wykonać również dopasowanie do wyrażenia regularnego.

Aby wyszukać określony termin w bieżącym dokumencie, w całym projekcie, umieść kursor na tym terminie, a następnie naciśnij Ctrl ⌃ + E , co spowoduje umieszczenie tego terminu w polu wyszukiwania. Naciśnięcie powyższego krótkiego kodu powoduje wypełnienie pola wyszukiwania całego projektu tym terminem.

Przełączaj się między kartami

• Cmd ⌘ + Shift ⇧ + [ lub ] (Mac)
• Ctrl ⌃ + Page Up ⇞ lub Page Down ⇟ (Windows i Linux)

Podobnie jak w przeglądarce internetowej, możesz otworzyć wiele kart w Sublime Text. Aby przejść z jednej karty do drugiej, możesz użyć skrótów wymienionych powyżej i użyć Cmd ⌘ + T (Mac) lub Ctrl ⌃ + N (Windows i Linux), aby utworzyć nową kartę.

Paleta poleceń

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows i Linux)

Gdy staniesz się biegły w posługiwaniu się Sublime Text, będziesz chciał coraz rzadziej uzyskiwać dostęp do menu, a zamiast tego możesz robić wszystko za pomocą kilku dotknięć klawiatury. Dzięki palecie poleceń możesz szybko wpisać polecenie, a Sublime Text wykona rozmyte dopasowanie do istniejącego zestawu poleceń, umożliwiając dostęp do poleceń z dogodnego miejsca.

Oto kilka rzeczy, które możesz wypróbować na palecie poleceń — ustaw składnię nowo utworzonego pliku, posortuj wiersze w bieżącym dokumencie i zainstaluj wtyczkę za pomocą funkcji Kontrola pakietów.

Pokaż konsolę

• Ctrl ⌃ + `

Sublime Text jest dostarczany z wbudowanym interpreterem Pythona. Jest to przydatne narzędzie do wykonywania poleceń Pythona lub szybkiego testowania interfejsów API Sublime Text podczas tworzenia wtyczki do edytora.

Sortować

• F5 (Mac)
• F9 (Windows i Linux)

Lubię, gdy moje właściwości CSS są posortowane alfabetycznie. To polecenie jest do tego niezwykle przydatne. Wybierz blok, który chcesz posortować (wskazówka dla profesjonalistów: użyj Ctrl ⌃ + Shift ⇧ + J , aby wybrać poziom wcięcia), a następnie naciśnij krótki kod klawiatury.

Włącz sprawdzanie pisowni

• F6

Koniec z rozczarowaniem z powodu błędów typograficznych po tym, jak kod dotarł do etapu recenzji. Użyj tego klawisza, aby szybko przełączać sprawdzanie pisowni.

Komentarz

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows i Linux)

To jeden z moich najczęściej używanych skrótów. Ten skrót ułatwia oznaczanie komentarzy w dowolnym języku programowania. W pliku HTML umieszcza parę <!-- --> , podczas gdy w JavaScript umieszcza // na początku linii.

Bubble line w górę lub w dół

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows i Linux)

Chcesz przenieść fragment kodu o pięć wierszy w górę? Wycinanie i wklejanie to naprawdę stara szkoła. Użyj tego skrótu klawiszowego, aby przenieść fragment w dowolne miejsce. Naciśnij skrót ponownie, aby dalej przesuwać go w górę lub w dół.

Powiel zaznaczenie

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows i Linux)

Domyślnie ten skrót powiela bieżący wiersz i umieszcza go w następnym wierszu. Jeśli wybierzesz region i naciśniesz ten skrót, powieli on cały region.

Połącz dwie linie

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows i Linux)

Spowoduje to połączenie następnego wiersza z bieżącym wierszem, zastępując wszystkie odstępy między nimi pojedynczą spacją. Wykonywany na bloku linii, łączy wszystkie linie razem.

Przejdź do pasującego wspornika

• Ctrl ⌃ + M

Użyj tego polecenia, aby przesunąć kursor z jednej pozycji nawiasu do drugiej. Jest to szczególnie przydatne, gdy gubisz się w długiej metodzie i chcesz osiągnąć pozycję wyjściową (lub odwrotnie).

Zamknij tag HTML

• Cmd ⌘ + Opt ⌥ + . (Prochowiec)
• Alt + . (Windows i Linux)

Użyj tego skrótu, aby zamknąć aktualnie otwarty tag HTML. Wstawia pasujący znacznik zamykający w bieżącej lokalizacji kursora.

Znajdź w projekcie

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows i Linux)

To jest odpowiednik grep dla Sublime Text. Znajduje termin w całym projekcie. Cechą szczególną tego polecenia jest to, że działa błyskawicznie. Istnieją opcje, aby rozróżniać wielkość liter i wykonać również dopasowanie do wyrażenia regularnego.

Aby wyszukać określony termin w bieżącym dokumencie, w całym projekcie, umieść kursor na tym terminie, a następnie naciśnij Ctrl ⌃ + E , co spowoduje umieszczenie tego terminu w polu wyszukiwania. Naciśnięcie powyższego krótkiego kodu powoduje wypełnienie pola wyszukiwania całego projektu tym terminem.

Przełączaj się między kartami

• Cmd ⌘ + Shift ⇧ + [ lub ] (Mac)
• Ctrl ⌃ + Page Up ⇞ lub Page Down ⇟ (Windows i Linux)

Podobnie jak w przeglądarce internetowej, możesz otworzyć wiele kart w Sublime Text. Aby przejść z jednej karty do drugiej, możesz użyć skrótów wymienionych powyżej i użyć Cmd ⌘ + T (Mac) lub Ctrl ⌃ + N (Windows i Linux), aby utworzyć nową kartę.

Paleta poleceń

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows i Linux)

Gdy staniesz się biegły w posługiwaniu się Sublime Text, będziesz chciał coraz rzadziej uzyskiwać dostęp do menu, a zamiast tego możesz robić wszystko za pomocą kilku dotknięć klawiatury. Dzięki palecie poleceń możesz szybko wpisać polecenie, a Sublime Text wykona rozmyte dopasowanie do istniejącego zestawu poleceń, umożliwiając dostęp do poleceń z dogodnego miejsca.

Oto kilka rzeczy, które możesz wypróbować na palecie poleceń — ustaw składnię nowo utworzonego pliku, posortuj wiersze w bieżącym dokumencie i zainstaluj wtyczkę za pomocą funkcji Kontrola pakietów.

Pokaż konsolę

• Ctrl ⌃ + `

Sublime Text jest dostarczany z wbudowanym interpreterem Pythona. Jest to przydatne narzędzie do wykonywania poleceń Pythona lub szybkiego testowania interfejsów API Sublime Text podczas tworzenia wtyczki do edytora.

Należy pamiętać, że ten interpreter jest dostarczany w pakiecie z Sublime Text i różni się od Pythona zainstalowanego w systemie. Celem tej konsoli jest interakcja z API Sublime Text dla wtyczek. Prawdopodobnie używałeś tej konsoli podczas instalowania Kontroli pakietów.

Aby dowiedzieć się, co można zrobić za pomocą interfejsu API wtyczki Sublime Text, zapoznaj się z dokumentacją.

Tryb bez rozpraszania uwagi

• Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
• Shift ⇧ + F11 (Windows i Linux)

Dla pisarzy i innych, którzy muszą być w stanie się skoncentrować, Sublime Text ma jeszcze bardziej minimalistyczny interfejs. Użyj skrótu, aby włączać i wyłączać tryb bez rozpraszania uwagi.

Tekstowy pomocnik wiersza poleceń

Sublime Text zawiera narzędzie wiersza poleceń, które bardzo ułatwia pracę z plikami w wierszu poleceń. Aby działał na komputerze Mac, musisz udostępnić go w swojej powłoce.

Zakładając, że umieściłeś Sublime Text w folderze „Applications” i masz katalog ~/bin w swojej ścieżce, możesz uruchomić następujące polecenie:

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime 

Aby użyć go jako domyślnego edytora dla poleceń, które monitują o dane wejściowe (takich jak git commit ), ustaw zmienną środowiskową editor .

 export EDITOR='sublime -w'

W systemie Windows możesz użyć subl.exe w podobny sposób.

Wniosek

Sublime Text jest pełen tak potężnych skrótów i poleceń. Prawdopodobnie nie będziesz w stanie ich zapamiętać, po prostu przeglądając ten artykuł; raczej będziesz musiał ćwiczyć, przechodząc przez to. Wymień najbardziej przydatne skróty dla siebie i korzystaj z nich regularnie podczas pracy z Sublime Text. Kluczem jest praktyka. Jesteś na najlepszej drodze do zostania ninja Sublime Text.