Wysublimowany tekst - szybki przewodnik

Sublime Text Editor to w pełni funkcjonalny edytor tekstu do edycji plików lokalnych lub bazy kodu. Zawiera różne funkcje do edycji bazy kodu, które pomagają programistom śledzić zmiany. Różne funkcje obsługiwane przez Sublime są następujące -

• Podświetlanie składni
• Automatyczne wcięcie
• Rozpoznawanie typu pliku
• Pasek boczny z plikami wymienionego katalogu
• Macros
• Wtyczki i pakiety

Sublime Text Editor jest używany jako zintegrowany edytor programistyczny (IDE), taki jak kod Visual Studio i NetBeans. Bieżąca wersja edytora Sublime Text to 3.0 i jest kompatybilna z różnymi systemami operacyjnymi, takimi jak Windows, Linux i MacOS.

Dlaczego wzniosły tekst?

Korzystając z odpowiedniego edytora tekstu, możesz korzystać z jego bogatych, przydatnych funkcji. Sublime Text oferuje swoim użytkownikom następujące korzyści -

• Możliwość rozwiązywania błędów konsolidatora.
• Śledzenie wszystkich plików i folderów do pracy.
• Łączność z systemami kontroli wersji, takimi jak Git, Mercurial.
• Możliwości rozwiązywania problemów.
• Zachowanie kombinacji kolorów dla kombinacji składni.

Możesz pobrać Sublime Text z jego oficjalnej strony internetowej - www.sublimetext.com . W kolejnym rozdziale poznamy procedurę instalacji edytora Sublime Text w różnych systemach operacyjnych.

Edytor Sublime Text jest obsługiwany przez następujące główne systemy operacyjne -

• Windows
• Linux i jego dystrybucje
• OS X

Możesz pobrać Sublime Text z jego oficjalnej strony internetowej - www.sublimetext.com

W tym rozdziale dowiesz się o instalacji Sublime Text w różnych systemach operacyjnych.

Instalacja w systemie Windows

Będziesz musiał wykonać poniższe kroki, aby zainstalować Sublime Text w systemie Windows -

Step 1 - Pobierz plik .exe pakiet z oficjalnej strony internetowej, jak pokazano poniżej -

https://www.sublimetext.com/3

Step 2- Teraz uruchom plik wykonywalny. Definiuje zmienne środowiskowe. Po uruchomieniu pliku wykonywalnego na ekranie można zobaczyć następujące okno. KliknijNext.

Step 3 - Teraz wybierz lokalizację docelową, aby zainstalować Sublime Text3 i kliknij Next.

Step 4 - Sprawdź folder docelowy i kliknij Install.

Step 5 - Teraz kliknij Finish aby zakończyć instalację.

Step 6 - Po pomyślnej instalacji twój edytor pojawi się jak pokazano poniżej -

Instalacja w systemie Linux

Będziesz musiał wykonać poniższe kroki, aby zainstalować Sublime Text w dystrybucjach Linuksa -

Step 1 - Korzystając z terminala wiersza poleceń, zainstaluj pakiety dla edytora Sublime Text, używając polecenia podanego poniżej -

sudo add-apt-repository ppa:webupd8team/Sublime-Text-3

Step 2 - Zaktualizuj pakiety za pomocą następującego polecenia -

sudo apt-get update

Step 3 - Zainstaluj repozytorium Sublime Text za pomocą następującego polecenia -

sudo apt-get install Sublime-Text

Po pomyślnym wykonaniu powyższych poleceń okaże się, że w systemie jest zainstalowany edytor Sublime Text.

Instalacja na OSX

W przypadku systemów operacyjnych OSX,

• Pobierz .dmg plik Sublime Text Editor.

• Otwórz go i przeciągnij i upuść w Applications teczka.

• Wykonaj kroki, które widziałeś w powyższych dwóch przypadkach.

• Uruchom aplikację.

W tym samouczku skupimy się na używaniu systemu kontroli subversion, Gita i Bit Bucket w połączeniu z edytorem Sublime Text.

Podobnie jak w przypadku każdego innego edytora tekstu, praca na określonym repozytorium jest kluczowym aspektem Sublime Text. Jest to szczegółowo pokazane w krokach podanych poniżej -

Step 1- Rozważ repozytorium, które ma zostać sklonowane z zasobnika bitów. Pamiętaj, że będziemy pracować ze skryptami Pythona przez cały ten samouczek.

Step 2 - Uwzględnij repozytorium w edytorze Sublime Text za pomocą opcji Otwórz folder, jak pokazano poniżej.

Step 3 - Po dołączeniu repozytorium ekran edytora Sublime Text będzie wyglądał jak poniżej -

Możesz wybrać plik, który chcesz otworzyć z listy wyświetlanej po lewej stronie ekranu, jak pokazano na poniższym obrazku -

Zwróć uwagę, że kombinacja kolorów umożliwia rozpoznanie słów kluczowych i pakietów zawartych w kodzie.

W tym rozdziale nauczysz się krok po kroku, jak stworzyć plik w Sublime Text.

Step 1 - Skorzystaj z opcji New File aby utworzyć plik w edytorze Sublime Text.

Step 2 - Gdy nowy plik będzie dostępny, możesz wstawić kod, podobnie jak w każdym innym edytorze tekstu, i zapisać plik w swoim repozytorium roboczym.

Step 3 - Po zapisaniu skojarzonego pliku, Sublime Text Editor udostępnia różne opcje, na przykład w zależności od typu pliku .php dla skryptów PHP, .py dla skryptów Python i .java dla bazy kodu Java.

Step 4 - Ponieważ nasze repozytorium kodu znajduje się w projekcie Python, zapiszemy plik jako demo1.py, jak pokazano poniżej -

Edytory kodu umożliwiają użytkownikom edycję skryptów kodu i dokumentów tekstowych za pomocą różnych klawiszy skrótów. W tym rozdziale przyjrzyjmy się różnym przykładom dotyczącym opcji edycji pierwszego dokumentu tekstowego w Sublime Text.

Jednoczesny zapis

W tym przykładzie zobaczysz, jak dodać instrukcje drukowania w dwóch lokalizacjach.

Step 1 - Rozważ pierwszy skrypt Pythona z następującym kodem -

Step 2- Załóżmy, że w danym skrypcie chcesz wspomnieć o punkcie początkowym i końcowym pętli, używając prostych instrukcji. Polecenie print możesz napisać wszędzie tam, gdzie jest to wymagane, jednak w edytorze Sublime Text możesz jednocześnie dodawać komentarze i oświadczenia w dwóch miejscach za pomocą skrótuCtrl+cursor punkt dla systemu Windows lub Linux oraz Cmd+cursorpunkt dla komputerów Mac. Następnie możesz zobaczyć punkty kursora, jak wspomniano poniżej -

Step 3 - Teraz możesz wstawić instrukcje print w obu miejscach wspomnianych punktów kursora, jak pokazano na poniższym obrazku.

Znajdowanie wystąpień

Sublime Text Editor zawiera funkcję wyszukiwania wystąpień słów kluczowych zawartych w skryptach. Klawisz skrótu do znajdowania wystąpień słowa kluczowego toCtrl+D po zaznaczeniu powiązanego słowa kluczowego.

Jeśli chcesz wyszukać słowo kluczowe, powiedz print z podanego kodu możesz użyć Ctrl+D lub Cmd+D aby uzyskać liczbę wystąpień powiązanego słowa kluczowego.

Dołączanie komentarzy w linii

Możemy dołączyć komentarze na końcu linii za pomocą klawisza skrótu Ctrl+Shift+L dla Windows i Cmd+Shift+L dla systemu operacyjnego Mac po wybraniu sekcji kodu, w której faktycznie potrzebujesz komentarza.

Istnieją różne typy edycji kodu i klawiszy skrótów używanych w edytorze Sublime Text -

• Dzielenie zaznaczenia na linie
• Zawijanie całego akapitu w pliku HTML
• Znajdowanie wszystkich wystąpień

W tym rozdziale szczegółowo omówiono każdy z nich.

Dzielenie zaznaczenia na linie

Kombinacja klawiszy Ctrl+Shift+Lpozwala wybrać bloki linii i podzielić je w systemie Windows. Poniższy zrzut ekranu wyjaśnia to -

Zawijanie całego akapitu w pliku HTML

Kombinacja klawiszy Alt+Shift+wdla Windows i Cmd + Shift + w dla Mac, pozwala użytkownikowi dzielić sekcje kodu i tworzyć różne akapity. Nazywa się towrap selection with html tag. Pozwala to również na dołączanie tagów HTML za pomocą edytora Sublime.

Poniższy zrzut ekranu wyjaśnia zawijanie tekstu za pomocą znacznika HTML -

Po zawinięciu tekstu tekst zawinięty w znacznik HTML będzie widoczny, jak pokazano poniżej -

Znajdowanie wszystkich wystąpień

Kluczowy wzór Ctrl+Shift+fpozwala znaleźć słowo kluczowe w danym projekcie. Poniższy zrzut ekranu wyjaśnia to -

Klawisz skrótu otwiera okno z trzema zawartymi w nim opcjami, a mianowicie find, where i replace,

gdzie,

• find odnosi się do wyszukiwania określonego słowa kluczowego,

• where wspomina o sekcji, w której przeszukiwane jest repozytorium, i

• replace wymienia słowo kluczowe, które jest zastępowane zamiast słowa kluczowego find.

Linting to proces oznaczania podejrzanych konstrukcji i prawdopodobnie błędów w dowolnym języku programowania.

Sublime Linter to pakiet Sublime Text, który pomoże Ci wykonać linting w Sublime. Pomaga w tworzeniu plików w różnych trybach do manipulacji bazą kodu. Nie jest to wbudowany pakiet i musisz go zainstalować ręcznie.

Możesz zainstalować dowolną kontrolę pakietu w edytorze Sublime Text za pomocą kombinacji klawiszy skrótu Ctrl+Shift+Pi wybierając plik Package Control: Install Package opcja.

Wybierz powiązany pakiet do zainstalowania w edytorze Sublime Text. Aby zainstalować Sublime Linter, musisz wybrać opcjęSublimeLinter podłącz.

Po pomyślnej instalacji ekran będzie wyglądał tak, jak pokazano poniżej -

Tryby Sublime Linter

Sublime Linter działa w czterech różnych trybach, jak wspomniano poniżej -

Tryb tła

Gdy klucz Sublime Linter jest ustawiony na true, linting jest wykonywany w tle za każdym razem, gdy plik jest modyfikowany.

Tryb oszczędzania energii

Gdy klucz Sublime Linter jest ustawiony na, linting load savezostanie wykonane, gdy plik zostanie załadowany z repozytorium.

Tryb tylko do zapisywania

Gdy klucz Sublime Linter jest ustawiony na save only tryb linting jest wykonywany podczas zapisywania określonego pliku w repozytorium roboczym.

Tryb na żądanie

W trybie na żądanie Sublime Linter zostanie ustawiony na true, używając skrótu Ctrl+Alt+L, który konfiguruje linter do wykrywania błędów, jeśli są obecne w kodzie.

Edytor Sublime Text zawiera skróty i metody manipulowania danymi wyjściowymi. W tym rozdziale omówiono szczegółowo te skróty za pomocą odpowiednich ilustracji.

Otwieranie palety poleceń

Paleta poleceń w edytorze Sublime Text zawiera opcje instalacji pakietów i konsoli. Do tego celu służy klawisz skrótuCtrl+Shift+P dla Windows i Cmd+Shift+Pdla Maca. Poniższy zrzut ekranu pokazuje otwieranie palety poleceń za pomocą tego skrótu.

Przełącz pasek boczny

Sublime edytor tekstu zawiera boczny pasek, który wyświetla skrypty lub nazwy plików. Możesz użyć klawisza skrótuCtrl+KB w systemie Windows i Cmd+KB dla komputerów Mac w tym celu.

Wyświetl zakres na pasku stanu

Klawisz skrótu Ctrl+Shift+Alt+P dla Windows i Ctrl+Shift+Pw przypadku komputerów Mac wyświetla zakres na pasku stanu. Poniższy zrzut ekranu przedstawia ilustrację tego skrótu.

Konsola Pythona

Podczas pracy ze skryptami Pythona przy użyciu edytora Sublime Text możesz użyć Ctrl+`dla systemu Windows lub Control + `dla systemu Windows do obsługi konsoli Pythona.

Nowe okno

Nowe okna umożliwiają jednoczesne zarządzanie wieloma projektami. Możesz użyć klawisza skrótu Ctrl+Shift+N w systemie Windows i Cmd+Shift+N dla komputerów Mac, aby utworzyć nowe okno w edytorze Sublime Text.

Fragmenty to inteligentne szablony, które można ponownie wykorzystać w razie potrzeby. Wysublimowany edytor tekstu zawiera funkcję fragmentów dla szablonów HTML. W tym rozdziale szczegółowo się o nich dowiesz.

Zrozumienie fragmentów

Fragmenty to proste pliki obsługiwane w formacie XML z różnymi atrybutami. Zawierają rozszerzenie o nazwiesublime-snippet. Głównym znacznikiem elementu XML będzie<snippet>etykietka. Utworzone skrawki są zapisywane wPackages folder i są uważane za mieszkające w tym folderze.

Format pliku i składnia fragmentów omówiono szczegółowo w następujący sposób -

• Content −Ta sekcja zawiera opis fragmentu.

• tabTrigger - Zawiera sekwencję znaków, które są wyzwalane podczas zapisywania fragmentu.

• Scope - Określa zakres, w którym fragment pozostaje aktywny.

• Description- Zawiera cały opis meta. Zostanie wyświetlony, gdy menu snippet jest otwarte.

Tworzenie pierwszego fragmentu

Możesz utworzyć domyślny fragment kodu za pomocą Tools → Developer → Snippet opcja.

Następnie zostanie utworzony fragment demonstracyjny z powiązanymi tagami, jak pokazano poniżej -

Aby utworzyć pierwszy fragment w edytorze Sublime Text, kliknij plik Tools menu i wybierz Snippets opcja z rozwijanego okna, jak pokazano na zrzucie ekranu tutaj.

Teraz wybierz Snippet:html z wyświetlonych opcji.

Spowoduje to utworzenie domyślnego fragmentu kodu w określonym pliku html, jak pokazano poniżej.

Zwróć uwagę, że istnieją różne fragmenty dla różnych typów plików. W przypadku plików html w bazie kodu istnieją trzy fragmenty zdefiniowane w edytorze Sublime Text, jak pokazano poniżej.

Fragmenty kontroli pakietów

Fragmenty kontrolne są używane głównie do opracowywania produktów. Zinstall packages w edytorze Sublime, możesz pobrać dowolny fragment potrzebny do tworzenia stron internetowych i go zainstalować.

Możesz potrzebować następujących pakietów do tworzenia stron internetowych -

• EverCodeLab Sublime obsługuje Ruby on Rails
• Dodatkowe fragmenty kodu PHP dla PHP
• Fragmenty HTML dla plików HTML
• Fragmenty Twitter Bootstrap dla Twittera Bootstrap
• Fragmenty JavaScript dla plików JS
• Pakiet fragmentów jQuery dla jQuery

Makra to podstawowa funkcja automatyzacji zawierająca sekwencję poleceń. Możesz używać makr zawsze, gdy potrzebujesz wykonać operację, która obejmuje te same kroki.

Pliki makr to pliki JSON z rozszerzeniem o nazwie .sublime-micro i są uważane za bardzo pomocne.

Nagrywanie makra

Nagranie makra definiuje procedurę zachowania zestawu poleceń potrzebnych do danego pliku. Możesz nagrać makro na dwa sposoby -

• Użyj klawisza skrótu Ctrl+Q do nagrywania makra w Windows i Cmd + Q na Macu.

• Użyj record opcja w Tools → Record Macro.

Po rozpoczęciu nagrywania makra w edytorze Sublime Text możesz zobaczyć następujący komunikat -

Odtwarzanie makra

Możesz użyć klawisza skrótu Ctrl+Shift+Q w systemie Windows i Cmd+Shift+Qna Maca, aby odtworzyć makro nagrane przez użytkownika w Sublime Text. Zwróć uwagę, że ten skrót odtwarza pliklast recorded makro w Sublime.

Zapisywanie makra

Możesz zapisać zarejestrowane makro za pomocą opcji Tools → Save Macro. Poniższy zrzut ekranu pokazuje, jak zapisać makro przy użyciu tej opcji.

Możesz także przedefiniować makra za pomocą różnych opcji na pasku menu narzędzi, jak pokazano poniżej -

Powiązania klawiszy w Sublime Text pomagają użytkownikowi przetwarzać i mapować sekwencje naciśnięć klawiszy na czynności. Są zdefiniowane w formacie JSON i przechowywane w.sublime-keymap akta.

Aby zapewnić lepszą integrację, ważne jest, aby zachować oddzielne pliki map kluczy dla systemów Linux, OSX i Windows. Kluczowe mapy odpowiedniej platformy zostaną załadowane w edytorze Sublime Text.

Użytkownik może otworzyć plik keymap plik lub domyślne powiązania klawiszy za pomocą opcji Preferences → Key Bindings.

Poniższy przykład pokazuje, jak wykonać powiązania klawiszy w systemie Windows -

[
   { "keys": ["ctrl+shift+n"], "command": "new_window" },
   { "keys": ["ctrl+shift+w"], "command": "close_window" }
]

Definiowanie powiązań klawiszy

Edytor Sublime Text zawiera opcję definiowania mapy klawiszy. Powiązania klawiszy zdefiniowane w pliku.sublime-keymap zawiera wszystkie kombinacje klucza i wartości.

Możesz dołączyć następujący zestaw powiązań klawiszy do tego pliku i zapisać go, aby sprawdzić wykonanie, za pomocą kodu pokazanego poniżej -

[
   { 
      "keys": ["super+alt+;"], "command": "run_macro_file",
      "args": 
      {"file": "Packages/User/semicolon.sublime-macro"} 
   }
]

Tutaj superto Winkey w systemie Windows lub Linux i polecenie w systemie operacyjnym OSX. Zauważ, że ten kod uruchomi makro, które znajduje się wPackages/User i nazywa się semicolon.sublime-macro po naciśnięciu Super+Alt+ Klucze.

W tym rozdziale nauczysz się różnych skrótów klawiszowych do przenoszenia i wybierania kolumn pliku w Sublime Text.

Przenoszenie wskaźnika na początek kodu

Możesz użyć skrótu Ctrl+Home aby przenieść wskaźnik na początek kodu w edytorze Sublime Text.

Obserwuj przykładowy kod pokazany tutaj.

Zrzut ekranu podany poniżej pokazuje ten sam kod, w którym kursor jest przenoszony na jego początek.

Przedłużenie kolumny

Możesz użyć skrótu Ctrl+Laby przedłużyć określoną kolumnę. Ten skrót wybierze kolumnę zawierającą wskaźnik. Poniższy zrzut ekranu wyjaśnia to szczegółowo -

Przycinanie kolumny

Możesz użyć skrótu Ctrl+Kaby przyciąć określoną kolumnę pliku. W przypadku OSX będziesz musiał użyć kombinacji klawiszyCmd+K w tym celu.

Przykład pokazany tutaj wyświetla kod, w którym linia wymieniona w piątej kolumnie jest przycięta.

Podziel blok tekstu

Możesz użyć skrótu Ctrl+Shift+K aby podzielić wybrany blok tekstu na dwie części.

Note - Różnica w kombinacjach klawiszy w porównaniu z poprzednią kombinacją klawiszy polega na tym, że kolumny są widoczne. Ctrl+Shift+K usuwa numer kolumny z określonego kodu, podczas gdy Ctrl+K zachowuje numer kolumny bez zmian po przycięciu całej kolumny.

Wcięcia to proces utrzymywania bloków kodu języków programowania w celu zachowania systematycznej struktury. Pomaga przekazać programistom lepszą strukturę programu. W tym rozdziale szczegółowo omówimy wcięcia w edytorze Sublime Text.

Znaczenie wcięcia

Wcięcia pomagają zachować taką strukturę kodu, aby była łatwo zrozumiała dla każdego, kto uzyskuje do niego dostęp. Właściwe wcięcie nadaje kodowi następujące funkcje -

• Readability
• User-friendliness
• Adaptability
• Łatwość konserwacji

Opcje wcięć w wysublimowanym tekście

Edytor Sublime Text zapewnia różne opcje wcięcia kodu, jak pokazano na poniższym zrzucie ekranu -

Korzystanie z tych opcji jest szczegółowo omówione tutaj -

Opcja wcięcia

Opcja wcięcia pomaga stworzyć wcięcie określonego kodu. Musisz wybrać określony kod i wybraćIndentopcja. Możesz także użyć skrótuCtrl+[po wybraniu żądanego kodu, który ma być wcięty. Zapoznaj się z poniższym zrzutem ekranu, aby lepiej zrozumieć -

Opcja Unindent

Opcja Unindent działa w odwrotnej kolejności od procedury wcięcia. Skrót do opcji cofnięcia wcięcia toCtrl+]. Zapoznaj się z poniższym zrzutem ekranu, aby lepiej zrozumieć -

Opcja reindent

Opcja Reindent służy do cofnięcia opcji cofnięcia wcięcia i przywrócenia kodu z powrotem do tego samego stanu. Zapoznaj się z poniższym zrzutem ekranu, aby lepiej zrozumieć -

Korzyści z wcięcia

Właściwe wcięcie oferuje różne korzyści dla kodu i programistów. Są omówione poniżej -

• Bloki kodu będą widoczne bez większego wysiłku.

• Deweloper może skupić się na wierszach kodu, które są niezbędne i łatwo zignorować te nieistotne.

• Deweloper korzystający wielokrotnie z tego samego rodzaju struktury kodu nie musi skupiać się na start of block i end of block sprawozdania.

• Wszelkie zagubione wiersze kodu można łatwo zidentyfikować.

Podstawowe ustawienia edytora Sublime Text to konfiguracja wymagana dla edytora, taka jak rozmiar czcionki, wyświetlanie numerów linii lub kolorystyka edytora.

Wszystkie ustawienia podstawowe są skonfigurowane w formacie JSON. Aby wyświetlić listę ustawień, przejdź do menuPreferences -> Settings.

Ustawienia obejmują dwa rodzaje konfiguracji, a mianowicie -

• Default
• User

Domyślne obejmuje wszystkie domyślne konfiguracje, a użytkownik definiuje niestandardowe ustawienia ustawień podstawowych.

W przypadku wspomnianego powyżej scenariusza niestandardowe ustawienia są takie, jak wspomniano poniżej -

"font_size": 15,
   "ignored_packages":
   [
      "Vintage"
   ]

Kategorie ustawień

Różne kategorie ustawień w Sublime Text są następujące -

Ustawienia edytora

Obejmują one podstawowe ustawienia edycji plików bazy kodu. Przykłady zawierająfont_face, font_size i tab_size. Ustawienia są obecne w konfiguracji domyślnej.

Ustawienia interfejsu użytkownika

Obejmują one ogólne ustawienia, które koncentrują się na tle, motywie i różnych kombinacjach kolorów. Te ustawienia są dołączane w drugiej sekcji konfiguracji domyślnej.

Zachowanie aplikacji

Te ustawienia koncentrują się na zachowaniu aplikacji zawartej w edytorze Sublime Text w otwartych oknach. Te ustawienia są zawarte w trzeciej sekcji domyślnych ustawień konfiguracji.

Składnia - określone ustawienia

Te ustawienia są używane do projektowania składni edytora Sublime Text. Aby uzyskać listę ustawień specyficznych dla składni, użytkownik musi użyć opcjiPreferences − Syntax-Specific.

Zarządzanie motywami w edytorze tekstu Sublime oznacza ulepszenie wyglądu edytora za pomocą kolorów i atrakcyjnego tła. Motywy to wartości w formacie JSON z.sublime-theme rozszerzenie i zarządzanie wyglądem interfejsu użytkownika edytora poprzez zmianę kolorów elementów IDE.

Instalowanie i stosowanie motywów

Poniższe kroki poprowadzą Cię przez instalację i stosowanie motywów w edytorze Sublime Text -

Step 1 - Użyj Install Pakiet Sublime Text do zainstalowania pakietu motywów, jak pokazano na zrzucie ekranu tutaj -

Step 2 - Możesz zobaczyć listę opcji za pomocą Install Package i możesz je pobrać i zainstalować w edytorze Sublime Text.

Step 3 - Po wybraniu motywu aktywuj go.

Step 4- Teraz wybierz żądany motyw z listy zainstalowanych motywów. To automatycznie zmienia wygląd edytora.

Schematy kolorów

Schematy kolorów to pliki w formacie XML znajdujące się w Packagesfolder ze schematami kolorów. Są wspaniałym sposobem na dostosowanie kolorów tekstu Sublime, w przeciwieństwie do motywów specyficznych dla elementów interfejsu użytkownika.

Możesz wybrać schematy kolorów za pomocą opcji Preferences → Color Scheme. Zobacz poniższy zrzut ekranu, który pokazuje to samo.

Schematy kolorów obejmują różne opcje, takie jak Breakers, Mariana, Monokai, i Sixteen. Wygląd edytora zależy od wybranego schematu kolorów. Zwróć uwagę, że te wzorce będą skupiać się tylko na składni kolorów.

Tryb vintage w edytorze tekstu Sublime to pakiet zawierający kombinację funkcji edycji vi. Tryb Vintage umożliwia korzystanie z listy poleceń vi w edytorze Sublime.

Tryb Vintage to projekt open source i możesz go pobrać z linku -

https://github.com/sublimehq/Vintage

Zrozumienie edytora vi

Vito prymitywny i powszechnie używany edytor tekstu. Pierwotnie został stworzony dla systemu operacyjnego UNIX i posiada podstawową funkcjonalność wykonywania skryptów. Jest to powszechnie używany edytor wiersza poleceń w różnych systemach operacyjnych, ponieważ nie wymaga myszy do obsługi.

Sublime obejmuje vim, która jest zaawansowaną sekcją vi edytor i obejmuje dostosowywanie makr, fragmentów i wtyczek.

Włączanie trybu Vintage

Możesz włączyć tryb Vintage, wykonując następujące czynności -

• Wybierz opcję Preferences → Settings

• Edytuj plik json plik konfiguracji ustawień z nazwą klucza w postaci ignored_packages. Pakiet Vintage jest zawarty wignored_packages Sekcja.

• Usuń atrybut Vintage z konfiguracji, aby włączyć właściwość Vintage w edytorze tekstu Sublime.

"ignored_packages": []

• Twój edytor trybu vintage pojawi się, jak pokazano na poniższym zrzucie ekranu -

Tryb Vintage zawiera wiele poleceń podobnych do edytora vi. Obejmuje to podstawowe ustawienia edytora Sublime Text, jak pokazano w kodzie podanym poniżej -

{
   "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
   "font_size": 15,
   "ignored_packages":
   [
   
   ],
   "vintage_start_in_command_mode": true,
   "theme": "Soda Dark.sublime-theme"
}

Tryb	Opis	Klucz
Tryb poleceń	Czeka, aż użytkownik wprowadzi polecenie	wyjście
Tryb wstawiania	Tekst można wstawiać w różnych pozycjach	i / I / a / A
Tryb wizualny	Zaznacz / zaznacz tekst za pomocą poleceń ruchu	V
Tryb linii wizualnej	Wybierz / zaznacz linie tekstu za pomocą klawiszy strzałek	Shift + V

Tryb vintage

Vintageous to pakiet używany do opisowej analizy edytora vi. Można go pobrać za pomocą kontroli pakietów, jak wspomniano poniżej -

Po pomyślnym zainstalowaniu pakietu vintageous ekran będzie wyglądał tak, jak pokazano na poniższym zrzucie ekranu -

Sublime Editor zawiera moduły testowe dla różnych języków programowania. Pomaga to w testowaniu jednostkowym plików i skryptów oraz pomaga programistom analizować błędy, błędy i ewentualne problemy.

Edytor Sublime Text zawiera 3 moduły, które są niezbędne do testowania i wdrażania JavaScript. W tym rozdziale omówiono je szczegółowo.

JsFormat

JsFormat to wtyczka JavaScript używana do formatowania linii skryptu, co ułatwia proces testowania jednostkowego. Za kulisami używa beautifier JS (http://jsbeautifier.org/), aby sformatować pełny JS lub fragmenty plików JS. JSFormat można zainstalować przy użyciuInstall Package opcja edytora Sublime.

funkcje

JsFormat oferuje następujące funkcje skryptu -

• Ułatwia formatowanie plików JS i JSON.
• Oferuje pełne formatowanie tekstu i wybrane formatowanie.
• Zapewnia konfigurowalne ustawienia opcji formatowania.

JSHint

JSHint to narzędzie społecznościowe służące do analizowania błędów za pomocą wskazówek. Pomaga to wykryć błędy i potencjalne problemy. JSHint to pakiet open source, prosty i łatwy do zrozumienia. Możesz zainstalować JSHine w edytorze Sublime Text poprzezInstall Package tryb.

Aby zaimplementować wtyczkę JSHint w Sublime Text Editor, możesz użyć skrótu Alt+J w systemie Windows i Cmd+j w systemach OSX.

JavaScriptNext

Ten skrypt służy do podkreślenia składni pliku JS i związanego z nim znaczenia. Zawiera funkcję podświetlania składni z różnymi modułami, funkcjami strzałek, klasami i generatorami.

Możesz sprawdzić składnię pliku za pomocą listy składni, jak pokazano na zrzucie ekranu poniżej -

Python oferuje unittest, oficjalny framework do testowania jednostkowego skryptów zaprojektowanych przed wdrożeniem. Nazywa się to również jakoPyUnit. Testy jednostkowe Pythona używane w edytorze Sublime Text są nazywane jakosublime-unittests i są one dostępne pod następującym linkiem -

https://github.com/martinsam/sublime-unittest

Te testy jednostkowe zawierają szereg przydatnych fragmentów, które ułatwiają pisanie przypadków testów jednostkowych.

Instalacja UnitTest

Kontrola pakietów w Sublime zarządza instalacją unittests a poniższe kroki szczegółowo to opisują -

Step 1 - Użyj palety poleceń Sublime Editor Ctrl+Shift+P do instalacji pakietu, jak pokazano na zrzutach ekranu podanych poniżej -

Step 2 - Zainstalowane pakiety używają następujących dwóch głównych fragmentów -

• testclass który jest używany do tworzenia nowej klasy testowej

• testfunc który jest używany do tworzenia nowej funkcji testowej do wypełnienia

Step 3- Konsola oblicza wyniki testu, jak pokazano na poniższym zrzucie ekranu. Zwróć uwagę, że wynik zależy od powodzenia lub niepowodzenia testu.

Success Result

Failure Result

Note - Jednostkowe przypadki testowe działają jako kompilator do obliczania skryptów w Pythonie.

Sublime Text Editor używa Hunspell do sprawdzania pisowni. Hunspellto narzędzie do sprawdzania pisowni w LibreOffice, Mozilla Thunderbird, Google Chrome i wielu zastrzeżonych pakietach. Sublime Text Editor zawiera obsługę słownika do prawidłowego sprawdzania pisowni słów.

Słowniki

Sublime Text zawiera słowniki zakodowane w formacie UTF-8. Aby zaimplementować słownik z edytorem Sublime Text, należy go najpierw przekonwertować na UTF-8. Jeśli użytkownik ma słownik zakodowany w formacie UTF-8, można go zainstalować przy użyciuPreferences opcja w edytorze Sublime Text.

Możesz wybrać słownik z View → Dictionary menu jak na przedstawionym zrzucie ekranu -

Ustawienia słownika

Istnieją dwa ustawienia sprawdzania pisowni w Sublime Text Editor -

• Spell_check
• Dictionary

// Set to true to turn spell checking on by default
"spell_check": false,

// Word list to use for spell checking
"dictionary": "Packages/Language - English/en_US.dic"

Te konfiguracje są zawarte w settingsplik. Dodane i zignorowane słowa są przechowywane w ustawieniach użytkownika w ramachadded_words i ignored_words klucze odpowiednio.

Pakiety oprogramowania są instalowane w Sublime Text dla dodatkowych funkcji. Możesz wyświetlić listę pakietów oprogramowania za pomocą klawisza skrótuCtrl+Shift+P w systemie Windows i Cmd+Shift+Pna komputerze Mac. Aby lepiej zrozumieć, spójrz na poniższe zrzuty ekranu -

Te pakiety są instalowane w Packages → Userkatalog zawierający całą niezbędną konfigurację. Aby przeglądać pakiety, wybierzPreferences → Browse Packages opcja, jak pokazano na zrzucie ekranu poniżej -

Te pliki to dostosowana konfiguracja, którą można zmienić w razie potrzeby. Pakiety są tworzone w formacie JSON.

Weź pod uwagę sublime-keymap utworzony pakiet zawierający następujący kod -

[
   { 
      "keys": ["super+alt+;"],
      "command": "run_macro_file",
      "args": {"file": "Packages/User/semicolon.sublime-macro"}
   }
]

W tym rozdziale poznasz podstawowe opcje File, Edit i Goto menu edytora Sublime Text.

Zapisz za pomocą kodowania

Ta opcja jest uwzględniona w Filemenu, które pomaga w zapisywaniu skryptów i pliku z odpowiednim kodowaniem. Sublime Text Editor zawiera różne opcje kodowania skryptów Pythona, jak pokazano na poniższym zrzucie ekranu -

Proces kodowania pomaga zabezpieczyć skrypty przed atakami osób trzecich i umożliwia przekształcenie postrzeganego przedmiotu użytkowania lub zainteresowania w konstrukcję.

Konwertuj wielkość liter

Konwersja wielkości liter pomaga w zamianie wielkich liter na małe i odwrotnie. Zapoznaj się z poniższym zrzutem ekranu, aby lepiej zrozumieć -

Weźmy na przykład pod uwagę słowo kluczowe Monicazawarte w pliku i przekonwertujmy go na wielkie litery. Zapoznaj się z poniższym zrzutem ekranu, aby lepiej zrozumieć -

Idź do symbolu

Dzięki tej opcji użytkownik może wyszukać lub pobrać odpowiednie słowo kluczowe lub dowolną funkcję. Ta opcja jest bardzo korzystna, gdy mamy więcej niż 1000 linii kodu, a użytkownik musi przeszukać unikalną linię lub adnotację.

Poniższy zrzut ekranu przedstawia demonstrację Goto Symbol -

W poprzednich rozdziałach omówiono różne opcje związane z Preferencesmenu. W tym rozdziale dowiesz się szczegółowo o programieFont settings edytora Sublime Text.

Sublime Editor oferuje trzy rozmiary rozmiarów czcionek - Larger, Smaller i Resetmożliwość cofnięcia poszczególnych wprowadzonych zmian. Zaimplementowanie określonej czcionki jest możliwe po wybraniu przez użytkownika odpowiedniego akapitu lub tekstu w edytorze.

Rozważ zaznaczony tekst w pliku functions.py gdzie trzeba wprowadzić pożądane zmiany -

Zwróć uwagę, że po wdrożeniu większej czcionki, wymiary i rozmiar czcionki skryptów zostaną automatycznie zmienione na większy rozmiar.

Każdy edytor zawiera wtyczkę do programowania, która uruchamia zestaw działań i domyślne pakiety. Sublime Text Editor zawiera funkcję tworzenia własnych dostosowanych wtyczek. W tym rozdziale szczegółowo omówiono tworzenie własnej wtyczki w Sublime Text.

Tworzenie wtyczki

Poniższe kroki szczegółowo pokazują, jak opracować wtyczkę w Sublime Text -

Step 1 - Wybierz plik New Plugin poprzez nawigację Tools → Developer → New Plugin jak pokazano poniżej -

Step 2 - Podstawowy kod wtyczki obejmuje import dwóch głównych bibliotek: sublime i sublime_plugin.

Kod wtyczki to -

import sublime
import sublime_plugin
class ExampleCommand(sublime_plugin.TextCommand):
   def run(self, edit):
      self.view.insert(edit, 0, "Hello, World!")

Step 3 - Dostosowane wtyczki są zapisywane w formacie Packages → Userteczka. Zapoznaj się z poniższym zrzutem ekranu, który zapewnia pełne zrozumienie wtyczek zapisanych w edytorze Sublime Text.

Uruchomienie wtyczki

Po utworzeniu wtyczki i zapisaniu jej, otwórz konsolę za pomocą klawisza skrótu Ctrl+` w systemie Windows i Cmd+` na OSX i wykonaj polecenie pokazane tutaj -

view.run_command(plugin-name)

Polecenie to uruchomi wtyczkę zdefiniowaną przez użytkownika wraz z zawartą w niej listą czynności.

Paleta poleceń zawiera listę elementów lub poleceń, które są często używane. Wpisy poleceń są zawarte w pliku.sublime-commands file.

Korzystanie z palety poleceń

Aby otworzyć paletę poleceń w edytorze Sublime Text, możesz użyć kombinacji klawiszy skrótu Ctrl+Shift+P w systemie Windows i Cmd+Shift+P na OSX.

Powszechnie używane polecenia z palety to -

• Twórz w Pythonie
• Zainstaluj pakiety

Twórz w Pythonie

Spowoduje to wygenerowanie wszystkich zależności i zbudowanie określonego kodu z danego pliku Pythona.

Zainstaluj pakiety

Za pomocą tego polecenia otrzymujemy listę pakietów, które można zainstalować, a które nie zostały uwzględnione wcześniej.

Wszystkie polecenia zawarte w palecie poleceń są przechowywane w katalogu Packages. Podstawowy przykład polecenia zadeklarowanego w pliku Default.sublime-commands przedstawia poniższy kod -

[
   { "caption": "Project: Save As", "command": "save_project_as" },
   
   { "caption": "Project: Close", "command": "close_project" },
   
   { "caption": "Project: Add Folder", "command": "prompt_add_folder" },
]

Note - Plik JSON zawiera 3 główne klucze dla każdego polecenia -

• Name/Caption
• Location
• Content

Debugowanie to proces znajdowania błędów i błędów w danym kodzie oraz ich naprawiania. Sublime Editor zawiera różne wtyczki, które mają funkcje debugowania, co pomaga w łatwym wyszukiwaniu błędów.

W tym rozdziale dowiesz się, jak debugować aplikację internetową PHP. Wysublimowane zastosowaniaSublime TestX debugwtyczkę do tego celu. Funkcje tej wtyczki to -

• Jest to rozszerzenie używane do debugowania plików PHP i skryptów.

• Zawiera listę możliwości debugowania i profilowania.

• Zachowuje ślady stosu i parametry czasu rzeczywistego, takie jak wyświetlanie i funkcje.

Instalacja Sublime Plugin

Aby zainstalować wtyczkę Sublime Text Xdebug, będziesz musiał wykonać następujące czynności -

Step 1 - Zainstaluj instalację palety sterowania pakietami za pomocą skrótu Ctrl+Shift+P lub Cmd+shift+P.

Step 2 - Po pomyślnej instalacji klienta Xdebug plik konfiguracyjny będzie przechowywany w Installed Packagesteczka. Plik konfiguracyjny to plik JSON, który zawiera parametry do debugowania aplikacji internetowej PHP.

Step 3 - Uruchom sesję debugowania pliku PHP za pomocą skrótu Ctrl+F9. Możesz to również zrobić za pomocąStart Debug opcja za pomocą palety poleceń.

Step 4 - Podzielone okna XdebugClientpokaże wynik pliku PHP. Utrzymuje proces debugowania kodu wiersz po wierszu. Zapoznaj się z poniższym zrzutem ekranu, aby lepiej zrozumieć -

Sublime Text Editor ma wtyczkę Web Inspectordo debugowania kodu JavaScript. Pomaga nam ustawić punkty przerwania, zbadać konsolę i ocenić sekcje kodu. W tym rozdziale dowiesz się szczegółowo o tej wtyczce.

Instalacja Sublime Web Inspector

Poniższe kroki pokazują instalację Sublime Web Inspector -

Krok 1

Użyj opcji menu Preferences → Browse Packages aby uzyskać ścieżkę do zainstalowanych pakietów, jak pokazano na podanym zrzucie ekranu.

Krok 2

Z pomocą git wiersz polecenia, sklonuj pakiety aplikacji internetowej Debugging Javascript za pomocą repozytorium git, jak pokazano w poleceniu podanym poniżej -

git clone -b ST3 "git://github.com/sokolovstas/SublimeWebInspector.git"

Krok 3

Aby przetestować instalację, otwórz paletę poleceń i uruchom inspektora sieci. Możesz użyć klawisza skrótu do Inspektora sieciCtrl+Shift+R w systemie Windows i Cmd+Shift+Rw systemach OSX. Możesz zobaczyć wszystkie punkty przerwania potrzebne dla aplikacji JavaScript, jak pokazano poniżej -

Dotyczy to również przetwarzania wsadowego w Sublime Text Build systems. Systemy kompilacji pomagają użytkownikowi uruchamiać pliki za pośrednictwem programów zewnętrznych, takich jakmake, tidy i interpreters.

Podczas pracy z systemami kompilacji warto zwrócić uwagę na następujące punkty:

• Są to pliki JSON i mają rozszerzenie .sublime-build.

• Aby zainicjować proces kompilacji, możesz wybrać opcję Tools → Build lub skrót Ctrl+B w systemie Windows i Cmd+B dla systemu OSX.

Przypomnij sobie, że w tym samouczku skupiamy się na plikach Pythona. Sublime text zawiera dwa tryby kompilacji dla plików Pythona.

Po zakończeniu kompilacji dla Pythona możesz obserwować następujące dane wyjściowe w edytorze:

Możesz zobaczyć listę wyników kompilacji utworzonych dla konkretnego projektu w edytorze Sublime Text za pomocą opcji Tools → Build Results → Show Build Results.

Zwróć uwagę, że systemy kompilacji i kompletne pliki związane z przetwarzaniem wsadowym muszą znajdować się w Packages teczka (Packages/user). Wiele pakietów w Sublime Editor zawiera własne systemy kompilacji.

Tryb Distraction Free w edytorze Sublime Text umożliwia wyświetlanie kodu i plików na pełnym ekranie. Możesz przejść do trybu wolnego od rozpraszania się za pomocą opcjiView → Enter distraction mode pozycja w menu.

Po włączeniu trybu odwracania uwagi w edytorze Sublime Text, dane wyjściowe będą widoczne jak poniżej -

Wszystkie elementy dostępne w interfejsie użytkownika Chrome są ukryte, ale dostępne w trybie odwracania uwagi.

Dostosowywanie

Wszystkie właściwości dostosowania trybu bez rozpraszania uwagi edytora Sublime Text są zawarte w Distraction Free.sublime-settings Plik JSON, jak pokazano na zrzucie ekranu podanym poniżej.

Poniższy zrzut ekranu przedstawia właściwości zawarte w trybie wolnym od rozpraszania się w edytorze Sublime -

Zwróć uwagę, że atrybuty takie jak line_numbers, gutter, draw_centered, wrap_width, word_wrap i scroll_past_end są takie, że umożliwiają atrakcyjny tryb wolny od rozpraszania uwagi.

SublimeCodeIntel to ważna wtyczka do edytora Sublime Text. Oferuje następujące funkcje -

• Przejdź do funkcji symbolu, która pomaga użytkownikowi przejść do pliku i określonej linii symbolu.

• Zawiera bibliotekę autouzupełniania i wyświetla moduły / symbole w czasie rzeczywistym.

• Etykiety narzędzi wyświetlają na pasku stanu informacje o skojarzonej funkcji.

Instalacja

Możesz zainstalować wtyczkę SublimeCodeIntel, wykonując następujące czynności -

Step 1- Uzyskaj funkcjonalność pakietu instalacyjnego edytora Sublime Text za pomocą skrótu Ctrl + Shift + P w systemie Windows i Cmd + Shift + P w systemie OSX. Zapoznaj się z poniższym zrzutem ekranu, aby lepiej zrozumieć -

Step 2 - Teraz wybierz wtyczkę SublimeCodeIntel do instalacji i zrestartuj edytor Sublime Text.

Step 3 - Po pomyślnej instalacji SublimeCodeIntel wtyczka, twój ekran będzie wyglądał następująco -

Konfiguracja

Istnieją dwie wbudowane konfiguracje SublimeCodeIntel -

• Ustawienia - domyślne
• Ustawienia - Użytkownik

Zapoznaj się z poniższym zrzutem ekranu, który przedstawia te konfiguracje -

Konfiguracja dla SublimeCodeIntel jest zawarty w pliku JSON o nazwie SublimeCodeIntel.sublime-settings. Konfiguracja wymagana dla każdego języka jest zawarta we wtyczce SublimeCodeIntel, jak poniżej -

/*
   Defines a configuration for each language.
*/

"codeintel_language_settings": {
   "Python3": {
      "python3": "/usr/local/bin/python3.3",
      "codeintel_scan_extra_dir": [
         "/Applications/Sublime Text.app/Contents/MacOS",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"
      ],
      "codeintel_scan_files_in_project": true,
      "codeintel_selected_catalogs": []
   },
   
   "JavaScript": {
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_exclude_dir":["/build/", "/min/"],
      "codeintel_scan_files_in_project": false,
      "codeintel_max_recursive_dir_depth": 2,
      "codeintel_selected_catalogs": ["jQuery"]
   },
   
   "PHP": {
      "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_files_in_project": true,
      "codeintel_max_recursive_dir_depth": 15,
      "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"]
   }
}

Te konfiguracje można dostosowywać w razie potrzeby. Zależy to od liczby modułów / bibliotek zainstalowanych przez użytkownika z różnymi parametrami, takimi jak rozmiar i złożoność projektu, nad którym pracuje użytkownik.