Edytor kodu należy do skrzynki narzędziowej każdego programisty, ponieważ dzięki niemu programowanie jest znacznie sprawniejsze i szybsze. Dodatkowo wiele z narzędzi posiada praktyczne funkcje, które maksymalnie uprzyjemniają codzienną pracę. Jednak podjęcie decyzji o wyborze odpowiedniego edytora kodu nie zawsze jest łatwe, ponieważ w zależności od rodzaju zadań, które chcesz za jego pomocą zrealizować, musi on posiadać określone cechy. W tym artykule przedstawimy Ci różne narzędzia programistyczne i przyjrzymy się ich zaletom i wadom.

1. podstawowe funkcje: Co musi umieć dobry redaktor?

Programiści i projektanci stron internetowych spędzają większość dnia ze swoim edytorem kodu, który musi być przynajmniej zdolny do edycji kodów Java Script, HTML i CSS. Oprócz standardowych edytorów tekstowych, obejmuje to również edytory WYSIWYG i kompletne IDE („Integrated Development Environments“).

Naprawdę dobry edytor kodu daje pełną kontrolę nad tworzonym kodem i posiada „niezależną“ wiedzę na temat składni i możliwości danego języka programowania. Szczególnie często programiści używają zazwyczaj tego samego edytora dla różnych języków.

Idealnie byłoby jednak, gdyby posiadał on również następujące funkcje:

• różne opcje wyszukiwania i zastępowania , w tym wyrażenia regularne
• konfigurowalne podświetlanie składni (np. znaczniki, słowa kluczowe i atrybuty) dla różnych języków
• Składanie kodu dla różnych zakładek i sekcji
• Edytor makr
• Inteligentne uzupełnianie kodu i zarządzanie fragmentami kodu
• Integracja z Git w celu tworzenia wersji
• Elastyczne opcje dostosowywania kolorów pierwszego planu i tła

Dobrze wiedzieć: Istnieją niektóre edytory, które zostały zoptymalizowane specjalnie do projektowania stron internetowych i oferują wbudowany tryb WYSIWYG. Jednak edycja „w locie“ bez bezpośredniego kontaktu z podstawowym kodem często skutkuje gorszym wynikiem.

2 Przegląd różnych edytorów kodu

2.1 Notepad++ – kompleksowy edytor kodu źródłowego za darmo

Notepad++ to darmowy edytor tekstu, który oprócz wyżej wymienionych „must-haves“ posiada również wiele innych pomocnych funkcji, takich jak„split view“ do wyświetlania wielu plików w różnych zakładkach, obsługa drag & drop czy rejestrator makr do automatyzacji często powtarzających się poleceń.

Narzędzie zna składnie wszystkich popularnych języków programowania i obsługuje nie tylko ANSI, ale także UTF8 i UCS-2. Ponadto jest bardzo skromny pod względem zużycia zasobów: z zaledwie 4 do 6 MB wymaga stosunkowo niewiele pamięci.

Notepad++ dostępny jest w wersji instalacyjnej lub przenoś nej (dla Windows i ReactOS), do korzystania pod Linuksem potrzebny jest Wine. W międzyczasie pojawiły się liczne wtyczki , które pozwalają na dalsze dostosowanie programu do potrzeb użytkownika. Można je wybrać lub odznaczyć bezpośrednio podczas instalacji. Oficjalną listę dostępnych wtyczek można znaleźć tutaj.

Dobrze wiedzieć: Notepad++ potrafi również tworzyć dokumenty tekstowe w formacie LaTeX.

2.2 Visual Studio Code – Specjalista od aplikacji ASP.NET i Node

Wraz z Visual Studio Code, Microsoft oferuje również darmowy, open-source’owy edytor kodu do tworzenia i debugowania, który może pracować pod kontrolą systemów Windows, Mac OS i Linux. Narzędzie jest pochodną środowiska programistycznego Visual Studio i według producenta powinno prowadzić do szybkich rezultatów zwłaszcza w przypadku aplikacji z frameworkiem ASP.NET i Node.

Ponadto Visual Studio Code wspiera popularne języki takie jak HTML, JSON, CSS, SASS, C#, C++, JavaScript czy PHP oraz oferuje praktyczne funkcjonalności dla łącznie ponad 30 języków programowania (np. dopasowywanie nawiasów czy indywidualnie dostosowywane skróty), które zapewniają lepszy przegląd sytuacji podczas edycji złożonych kodów.

Visual Studio Code działa całkowicie na poziomie folderów i plików i może być rozszerzony o dodatkowe funkcje (np. składnię G-code dla kontrolek numerycznych) za pomocą licznych podpórek z Visual Studio Marketplace. Dzięki trybowi przenośnemu można korzystać z programu również z pamięci USB lub przenosić dane do różnych środowisk. Oprogramowanie jest również wyposażone w zintegrowaną funkcję aktualizacji, dzięki czemu użytkownik jest zawsze na bieżąco, nie musi się martwić o ręczne aktualizacje.

2.3 Sublime Text – samochód wyścigowy wśród edytorów kodu

Po wstępnej konfiguracji Sublime Text nie wymaga prawie żadnych ręcznych ustawień, aby rozpocząć pracę. Oprócz niezwykłej szybkości, narzędzie punktuje również swoimi rozbudowanymi funkcjami, które nie pozostawiają prawie nic do życzenia.

Oprócz standardowych funkcji, takich jak podświetlanie składni czy organizacja w zakładkach, Sublime Text posiada również szczególnie praktyczną funkcję dodatkową w postaci tzw. minimapy: jeśli chcesz, możesz za jej pomocą wyświetlić miniaturę całego dokumentu, co pozwala na szybkie i wygodne przeskakiwanie do konkretnych fragmentów tekstu lub plików.

W przypadku większych projektów masz również możliwość otwierania nie tylko poszczególnych plików, ale bezpośrednio całego drzewa katalogów. Program może wyświetlać i edytować do czterech plików jednocześnie.

Inną szczególnie ciekawą funkcją jest tryb vi, który opiera się na obsłudze uniksowego edytora o tej samej nazwie. Od wersji 3.1 (3170) Sublime Text obsługuje również oddzielne ustawienia DPI dla kilku monitorów. Pobranie wersji testowej jest darmowe, ale w regularnych odstępach czasu przypomina się o możliwości zakupu programu za 80 euro.

2.4 Atom – Edytor kodu dla kreatywnych

Atom to cross-platformowy edytor kodu źródłowego z GitHuba oparty na Node.js. Możesz pobrać kod źródłowy edytora za darmo i samodzielnie skompilować go dla systemu, którego używasz.

Program już domyślnie wyposażony jest w szereg pomocnych pakietów i oferuje np. (kolorowe) podświetlanie składni, a także autouzupełnianie wpisywanego kodu. Narzędzie rozpoznaje używany język programowania na podstawie rozszerzenia pliku danego kodu źródłowego.

Interfejs użytkownika można zaprojektować według własnych upodobań. Edytor dostarczany jest z całą gamą predefiniowanych motywów. Jeśli żaden z nich do Ciebie nie przemawia, w społeczności jest wiele innych do wyboru. Dostosowanie UI (interfejsu użytkownika) jest również możliwe za pomocą JavaScript, HTML i CSS.

Dzięki Atomowi można równolegle edytować kilka plików i w ten sposób przejmować kod lub dokonywać porównań. W tym celu można podzielić okno, co daje lepszy widok na poszczególne pliki. Z pomocą rozszerzenia Teletype programiści mogą nawet współdzielić swój obszar roboczy i pracować nad kodem razem z innymi (w czasie rzeczywistym!).

Dobrze wiedzieć: Atom jest ściśle powiązany z systemem wersjonowania Git i GitHub, co pozwala na wykonywanie rozgałęzień, commitów, pushów i pullów bezpośrednio z edytora.

Możesz znaleźć kilka innych edytorów przedstawionych w poniższym filmie YouTube: