Jeśli brałeś udział w kursach Codecademy, z pewnością znasz już edytor tekstowy. Poniżej znajduje się edytor tekstowy Codecademy w pełnym ekranie na końcu pierwszego modułu kursu HTML.
Mimo, że środowisko nauki Codecademy zapewnia intuicyjne i przyjazne użytkownikowi doświadczenie kodowania, czasami będziesz musiał użyć własnego edytora tekstowego. Na przykład, jeśli zdecydujesz się wziąć udział w Meetup lub kursie kodowania, użyją oni edytora tekstu do pobrania, a ty będziesz musiał go zainstalować, aby pracować nad projektami zarówno w klasie, jak i w domu.
Miałem do czynienia z kilkoma edytorami tekstu, aby lepiej wyczuć, co najlepiej odpowiada moim potrzebom. Jest to bardzo ważne, ponieważ nie ma „najlepszego” edytora tekstu, a jedynie taki, który pozwala na tworzenie najlepszych prac.
W tym artykule przedstawię dogłębne porównanie dwóch najpopularniejszych edytorów tekstu: Visual Studio i Sublime Text.
Visual Studio
Visual Studio (edytor tekstu jest znany jako Visual Studio Code, więc od teraz będziemy się do tego odnosić) to darmowy edytor tekstu firmy Microsoft, który działa na systemach Windows, Linux i macOS. Jest to niedawny uczestnik rynku; Microsoft wydał produkt jako publiczny podgląd pod koniec 2015 roku, publikując otwarty kod źródłowy na Githubie, przed udostępnieniem go jako ogólne wydanie w kwietniu 2016 roku.
Mimo swojego statusu nowicjusza, Visual Studio Code szybko zyskało popularność wśród programistów, zajmując pozycję najpopularniejszego środowiska programistycznego ogółem w Stack Overflow’s 2018 Developer Survey.
Podstawy
Tak wygląda ekran główny Visual Studio Code, gdy napiszesz swoją pierwszą linię kodu lub otworzysz plik, który już utworzyłeś:
W lewym górnym panelu możesz zobaczyć różne odmiany kodu, który edytujesz. W tym przypadku edytuję plik o nazwie „style.css.”
Środkowy panel to miejsce, w którym edytujesz kod, który napisałeś lub który musisz poprawić; możesz otworzyć i edytować kilka różnych plików obok siebie.
Układ Visual Studio jest podobny do układu edytora tekstowego Codecademy w swojej prostocie i łatwości użycia. Spójrz na edytor Codecademy poniżej dla porównania.
Możesz, oczywiście, edytować układ, jak również. Tryb Zen jest jednym z moich ulubionych, szczególnie dlatego, że brzmi tak relaksująco. W rzeczywistości jest to tryb pełnoekranowy, który pozwala na edycję kodu bez rozpraszania uwagi.
Więcej funkcji
Visual Studio Code pozwala na edycję kodu w wielu różnych językach programowania. Przykładem, którego użyłem powyżej jest CSS (tak, klasyfikuję CSS jako język kodowania!). CSS jest jednym z wbudowanych języków programowania, ale możesz zainstalować i skonfigurować inne języki, takie jak Python i C#, poprzez Extension Marketplace.
Debugowanie
Jednym z klasycznych ćwiczeń, które będziesz wykonywał podczas nauki programowania jest „zepsucie” jakiegoś kodu, a następnie próba naprawienia go ponownie. Na początku mojej przygody z programowaniem, spędziłem całe wieki wpatrując się w linie kodu, aż moje oczy się zamazały, próbując dowiedzieć się, dlaczego to, co napisałem, nie zostało odzwierciedlone w końcowym produkcie.
Na szczęście, Visual Studio Code zawiera funkcję debugowania, która pomaga wykryć te błędy, zanim osiągniesz etap zamazanych oczu. Aby rozpocząć debugowanie kodu, wystarczy albo nacisnąć klawisz F5, aby uruchomić go w bieżącym oknie, albo przejść do menu „Debug”.
Można również tworzyć „punkty przerwania”, które są punktami, w których proces debugowania zostanie automatycznie zatrzymany.
Na bardziej podstawowym poziomie debugowania, Visual Studio Code automatycznie wykrywa drobne problemy w twoim kodzie i przenosi cię bezpośrednio tam, abyś mógł łatwo rozwiązać problem.
Inteligencja
Gdy uczyłem się kodować, jedną z rad, jaką dawał nam nauczyciel, gdy nie wiedzieliśmy, jak coś zrobić, było wygooglowanie tego. Microsoft wbudował w Visual Studio Code funkcję zwaną Intellisense, która jest alternatywą dla Googlowania problemu (lub „Bing-owania” go, w przypadku Microsoftu).
IntelliSense analizuje semantykę (litery) tego, co wprowadzasz, jak również resztę kodu, który stworzyłeś, a następnie dostarcza sugestii, jak dokończyć to, co piszesz. Możesz uzyskać dostęp do całego szeregu różnych uzupełnień poprzez Intellisense, włączając w to sugestie serwera językowego, snippety i uzupełnienia tekstowe oparte na słowach.
IntelliSense jest dostępne dla najbardziej popularnych języków programowania, włączając HTML, CSS i Javascript, ale dla innych języków będziesz musiał zainstalować rozszerzenie.
I reszta
Visual Studio Code posiada wiele innych przydatnych funkcji, które pomogą ci w twojej podróży przez kodowanie, pomagając ci lepiej wizualizować twój kod i przyspieszyć programowanie. Obejmują one:
- Wsparcie dla snippetów: Pozwala to na tworzenie katalogu małych części kodu wielokrotnego użytku, które możesz wstawiać do większych ciał kodu
- Funkcjonalność „Go to”: Pozwala na szybkie znajdowanie i przechodzenie do symboli, plików, linii i definicji
- Podświetlanie składni: To wyświetla kod w różnych kolorach i czcionkach, zgodnie z rodzajem używanego języka kodowania.
Overall impression
Confession time: Jestem długoletnim użytkownikiem Windows/Microsoft Office. Częściowo powodem tej (niefajnej) decyzji jest to, że uważam produkty Microsoftu za znajome i łatwe w nawigacji. To samo dotyczy Visual Studio Code.
Nawet jeśli jesteś początkującym użytkownikiem edytorów tekstu, VS Code jest łatwy do opanowania i używania od razu. Ma wygląd Microsoftu i posiada dwie warstwy, które sprawiają, że jest idealny dla każdego typu użytkownika.
Jeśli jesteś początkującym koderem, łatwo jest opanować podstawowe polecenia (plus Microsoft napisał mnóstwo dokumentacji), ale jeśli jesteś ekspertem chcącym zająć się poważnym programowaniem, jest tam również wiele zaawansowanych opcji.
Sublime Text (Wersja 3)
Sublime Text, który został opracowany przez byłego inżyniera Google, istnieje od 2007 roku. Pierwszą istotną różnicą pomiędzy nim a Visual Studio Code (VSC) jest to, że jego licencja kosztuje 80$, choć posiada darmową wersję próbną. Podobnie jak VSC, działa w systemach Windows, Linux i macOS, i jest czwartym najpopularniejszym środowiskiem programistycznym w 2018 roku według StackOverflow.
Najnowsza wersja Sublime Text-Versja 3-występowała w wersji beta przez ponad cztery lata, od stycznia 2013 roku do czasu, gdy została wydana publicznie we wrześniu 2017 roku.
Podstawy
Gdy otworzysz Sublime Text po raz pierwszy, otrzymasz pozbawiony tyłu edytor tekstu. Nie ma paska bocznego, nie ma opcji wyszukiwania, nie ma opcji, która przeniesie Cię bezpośrednio do paska bocznego rozszerzeń. Zapewnia to bardziej skoncentrowany układ, aby pomóc Ci skoncentrować się na kodowaniu. W prawym górnym rogu znajduje się mała minimapa, która pozwala na szybki podgląd kodu.
Otworzył się dość szybko w porównaniu do Visual Studio Code i jeśli jesteś gotowy do edycji kodu, jest to idealny punkt startowy. Jeśli jednak jesteś początkującym użytkownikiem edytorów tekstu, trudniej jest znaleźć inne cechy i funkcje. Większość z tego, czego potrzebujesz, znajduje się w menu na górze, ale będziesz chciał również wywołać Paletę Komend (więcej na ten temat poniżej) z menu Narzędzia, aby szybciej dostać się do tego, czego potrzebujesz.
Cechy Sublime Text
Jeśli chcesz w pełni wykorzystać możliwości Sublime Text, będziesz chciał zainstalować dodatkowe wtyczki, które dadzą ci dodatkowe funkcje. Aby to zrobić, musisz zainstalować Kontrolę pakietów, przez którą przeprowadzimy Cię poniżej.
Kontrola pakietów
Kontrola pakietów jest podobna do rynku rozszerzeń Visual Studio, ale nie jest dostępna od razu. Dostępnych jest wiele pakietów (lub wtyczek) dla osób początkujących w programowaniu, takich jak pakiet startowy dla C++, pakiet, który pomoże w uzupełnianiu Pythona (trochę jak Intellisense w Visual Studio), oraz Emmet, który pomaga w szybszym pisaniu HTML i CSS, pozwalając na używanie skrótów, które są automatycznie interpretowane.
Paleta komend
Kiedy używasz Palety komend, będziesz w stanie znaleźć i nawigować do każdego polecenia znacznie szybciej, niż gdybyś musiał przeszukiwać menu. Możesz uzyskać dostęp do niemal wszystkiego, a Paleta poleceń będzie również automatycznie wypełniana, więc jeśli nie jesteś pewien, czego dokładnie szukasz, zasugeruje ci kilka opcji.
Na przykład, jeśli pracujesz nad projektem i musisz szybko dodać nowy folder lub zapisać projekt, nad którym pracujesz, możesz szybko skorzystać z tej opcji. Lub jeśli chcesz tworzyć snippety bez konieczności poruszania się po menu, również możesz to zrobić.
Aby uzyskać dostęp do Palety Komend, wszystko co musisz zrobić to nacisnąć ctrl + shift + p.
Funkcjonalność Goto
W Sublime Text znajduje się menu poświęcone całej funkcjonalności „Goto” w tym edytorze tekstu. Jest to o wiele bardziej rozbudowana wersja menu „Idź do” Visual Studio.
Niektóre z najważniejszych funkcji to Goto Symbol (dodane w Sublime Text 3), które pozwala łatwo znaleźć wszystkie przykłady symboli w pliku. Poniższy przykład dotyczy znaczników H1 (w tym pliku występuje tylko jeden przypadek).
Projekty
Funkcja Projekty odnosi się do sposobu organizowania folderów i plików w Sublime Text. Oznacza to, że wszystkie foldery i pliki są przechowywane w jednym miejscu i szybko dostępne z paska bocznego, jak tylko otworzysz projekt, a nie musisz ręcznie otwierać kolejne pliki. Oznacza to również, że można przeszukiwać (szybko) wszystkie pliki w ramach projektu w jednym czasie.
W danym momencie w obszarze roboczym może być otwarty tylko jeden projekt, więc jeśli chcesz zmienić projekt, musisz wybrać opcję „Przełącz projekty”.
Visual Studio posiada podobną funkcję zwaną „Obszary robocze”, która pozwala na otwieranie i pracę nad wieloma plikami jednocześnie.
I reszta
Sublime Text posiada wiele innych, „mniejszych” funkcji, o których warto tutaj wspomnieć. Są to między innymi:
- Snippety: Działają one w taki sam sposób, jak w Visual Studio, ale możesz również zbudować własne lub zainstalować więcej z rozszerzeń
- Multi-edit: Kiedy naciśniesz ctrl + d, wszystkie przypadki słowa lub polecenia, na którym aktualnie jesteś, zostaną podświetlone w pliku, możesz również nacisnąć ctrl + f, aby znaleźć i zastąpić słowa.
Overall impression
Sublime Text jest szybkim i pozbawionym zbędnych elementów edytorem tekstu, który jest gorący w organizowaniu i przeszukiwaniu kodu, który napisałeś, i jest w stanie łatwo przeskoczyć do każdej funkcji lub symbolu. Funkcja „Goto” i wiele skrótów klawiaturowych ułatwiają doświadczonym programistom poruszanie się po edytorze, a także pisanie i wyszukiwanie kodu bez odrywania rąk od klawiatury. Dla bardziej początkujących programistów (takich jak ja) przyzwyczajenie się do niego zajmuje więcej czasu.
Sublime Text nie zawiera opcji debugowania, co może być problemem dla programistów, którzy potrzebują tej funkcjonalności.
Który edytor tekstu powinienem wybrać?
Visual Studio może być sklasyfikowane jako zintegrowane środowisko programistyczne (IDE), ponieważ pozwala programistom zarówno pisać, jak i testować kod. Sublime Text, z drugiej strony, jest „tylko” edytorem tekstu (aczkolwiek doskonałym), ponieważ skupia się na zapewnieniu najszybszego sposobu organizowania i pisania kodu, ale nie ma możliwości testowania (debugowania) kodu.
Inną istotną różnicą pomiędzy Visual Studio Code a Sublime Text jest wsparcie, które zapewnia Microsoft w porównaniu do Sublime Text. Microsoft stworzył mnóstwo dokumentacji wyjaśniającej prawie każdą funkcję i sposób jej użycia, a także posty na blogu i samouczki wideo, aby pomóc użytkownikom w rozpoczęciu pracy z edytorem tekstu.
Sublime Text zapewnia trudniejszą do znalezienia dokumentację, posty na blogu wyjaśniające funkcje w najnowszej wersji i forum.
Sublime Text jest szybki i łatwy do pisania kodu i poruszania się po nim, gdy wiesz, co robisz. Visual Studio zapewnia więcej pomocy i jest świetną opcją dla jego funkcji debugowania, ale może spowolnić niektórych doświadczonych programistów, jeśli chodzi o pisanie kodu.