Jestliže jste absolvovali některý z kurzů Codecademy, textový editor již znáte. Níže je textový editor Codecademy na celé obrazovce na konci prvního modulu kurzu HTML.
Ačkoli výukové prostředí Codecademy poskytuje intuitivní a uživatelsky přívětivé kódování, někdy budete muset použít vlastní textový editor. Pokud se například rozhodnete navštívit setkání nebo osobní kurz kódování, budou používat textový editor ke stažení a vy si jej budete muset nainstalovat, abyste mohli pracovat na projektech v hodině i doma.
Vyzkoušel jsem několik textových editorů, abych získal lepší představu o tom, co nejlépe vyhovuje mým potřebám. To je velmi důležité, protože neexistuje žádný „nejlepší“ textový editor, ale pouze takový, který vám umožní vytvořit nejlepší práci.
V tomto článku vám poskytnu podrobné srovnání dvou nejoblíbenějších textových editorů:
Visual Studio
Visual Studio (textový editor je známý jako Visual Studio Code, takže se na něj budeme dále odkazovat) je bezplatný textový editor společnosti Microsoft, který funguje v systémech Windows, Linux a MacOS. Na trhu se objevil nedávno; společnost Microsoft vydala produkt jako veřejný náhled na konci roku 2015 a zveřejnila otevřený zdrojový kód na serveru Github, než jej v dubnu 2016 zpřístupnila jako obecnou verzi.
Přes svůj status nováčka si Visual Studio Code rychle získalo oblibu mezi vývojáři a v průzkumu Stack Overflow pro vývojáře za rok 2018 se umístilo jako celkově nejoblíbenější vývojové prostředí.
Základy
Takto vypadá domovská obrazovka aplikace Visual Studio Code, když napíšete první řádek kódu nebo otevřete již vytvořený soubor:
V levém horním panelu vidíte různé varianty upravovaného kódu. V tomto případě upravuji soubor s názvem „style.css.“
V prostředním panelu upravujete kód, který jste napsali nebo který potřebujete opravit; můžete otevřít a upravovat několik různých souborů vedle sebe.
Rozložení aplikace Visual Studio se svou jednoduchostí a snadným používáním podobá rozložení vlastního textového editoru Codecademy. Pro srovnání se podívejte na textový editor Codecademy níže.
Rozložení můžete samozřejmě také upravovat. Režim Zen je jedním z mých nejoblíbenějších, zejména proto, že zní tak relaxačně. Ve skutečnosti se jedná o celoobrazovkový režim, který umožňuje upravovat kód bez rušivých vlivů.
Další funkce
Visual Studio Code umožňuje upravovat kód v celé řadě programovacích jazyků. Příklad, který jsem použil výše, je CSS (ano, CSS řadím mezi kódovací jazyky!). CSS je jedním ze zabudovaných programovacích jazyků, ale prostřednictvím tržiště s rozšířeními si můžete nainstalovat a nakonfigurovat i další jazyky, například Python a C#.
Debugging
Jedním z klasických cvičení, která budete provádět, když se učíte programovat, je „rozbít“ nějaký kód a pak se ho pokusit znovu opravit. V mých programátorských začátcích jsem strávil celé věky zíráním na řádky kódu, dokud se mi nerozmazaly oči, a snažil se přijít na to, proč se to, co jsem napsal, neodráží ve výsledném produktu.
Naštěstí Visual Studio Code obsahuje funkci ladění, která vám pomůže odhalit tyto chyby dříve, než se dostanete do fáze rozmazaných očí. Chcete-li začít ladit kód, stačí buď stisknout klávesu F5 a spustit jej v aktuálním okně, nebo přejít do nabídky „Ladění“.
Můžete také vytvořit „body přerušení“, což jsou body, ve kterých se proces ladění automaticky zastaví.
Na základní úrovni ladění Visual Studio Code automaticky detekuje drobné problémy v kódu a zavede vás přímo tam, abyste mohli problém snadno vyřešit.
Intellisense
Když jsem se učil programovat, jedna z rad, kterou nám dával učitel, když jsme nevěděli, jak něco udělat, byla, abychom si to vygooglovali. Společnost Microsoft zabudovala do aplikace Visual Studio Code funkci nazvanou Intellisense, která je alternativou k vygooglování problému (nebo v případě Microsoftu k jeho „vygooglování“).
IntelliSense analyzuje sémantiku (písmena) toho, co zadáváte, i zbytek kódu, který jste vytvořili, a poté poskytuje návrhy, jak dokončit to, co píšete. Prostřednictvím nástroje Intellisense máte přístup k celé řadě různých doplnění, včetně návrhů jazykových serverů, fragmentů a textových doplnění založených na slovech.
IntelliSense je k dispozici pro nejběžnější programovací jazyky, včetně HTML, CSS a Javascriptu, ale pro ostatní jazyky je třeba nainstalovat rozšíření.
A zbytek
Visual Studio Code má řadu dalších užitečných funkcí, které vám pomohou na vaší cestě za kódováním tím, že vám pomohou lépe vizualizovat kód a urychlit programování. Patří mezi ně:
- Podpora fragmentů: Umožňuje vytvářet katalog malých částí opakovaně použitelného kódu, které můžete vkládat do větších celků kódu
- Funkce „Přejít na“: To vám umožní rychle najít a přejít na symboly, soubory, řádky a definice
- Zvýrazňování syntaxe: Ta zobrazuje kód různými barvami a písmy podle druhu použitého kódovacího jazyka.
Celkový dojem
Čas na přiznání: Jsem dlouholetým uživatelem systému Windows/Microsoft Office. Důvodem tohoto (neveselého) rozhodnutí je částečně to, že produkty Microsoftu považuji za důvěrně známé a snadno ovladatelné. Totéž platí i pro Visual Studio Code.
I když s textovými editory začínáte, VS Code si snadno osvojíte a začnete ihned používat. Má vzhled jako od Microsoftu a je dvouúrovňový, takže je ideální pro jakýkoli typ uživatele.
Jestliže jste začínající programátoři, snadno zvládnete základní příkazy (navíc k němu Microsoft napsal spoustu dokumentace), ale pokud jste zkušení uživatelé, kteří se chtějí věnovat serióznímu programování, máte k dispozici i spoustu možností pokročilých funkcí.
Sublime Text (verze 3)
Sublime Text, který vyvinul bývalý inženýr společnosti Google, existuje od roku 2007. První zásadní rozdíl mezi ním a Visual Studio Code (VSC) spočívá v tom, že jeho licence je zpoplatněna částkou 80 USD, ačkoli má zkušební verzi zdarma. Stejně jako VSC běží v systémech Windows, Linux a MacOS a podle serveru StackOverflow je čtvrtým nejoblíbenějším vývojovým prostředím v roce 2018.
Nejnovější verze Sublime Text – verze 3 – byla v beta verzi více než čtyři roky, od ledna 2013 až do jejího uvolnění pro veřejnost v září 2017.
Základy
Když poprvé otevřete Sublime Text, zobrazí se vám ořezaný textový editor. Není zde žádný postranní panel, žádné možnosti vyhledávání, žádná volba, která by vás přenesla přímo na postranní panel rozšíření. Poskytuje soustředěnější rozvržení, které vám pomůže soustředit se na kódování. V pravém horním rohu je malá minimapa, která vám poskytne přehled o vašem kódu.
V porovnání s Visual Studio Code se otevřel poměrně rychle, a pokud jste připraveni pustit se do úprav kódu, poskytuje ideální výchozí bod. Pokud však s textovými editory teprve začínáte, hůře se vám budou hledat další funkce a vlastnosti. Většinu toho, co potřebujete, najdete v nabídkách v horní části, ale budete také chtít vyvolat Paletu příkazů (o ní více níže) z nabídky Nástroje, abyste se rychleji dostali k tomu, co potřebujete.
Funkce Sublime Textu
Chcete-li ze Sublime Textu vytěžit maximum, budete si chtít nainstalovat další pluginy, které vám poskytnou další funkce. K tomu je třeba nainstalovat nástroj Řízení balíčků, kterým vás provedeme níže.
Řízení balíčků
Řízení balíčků je podobné trhu s rozšířeními Visual Studia, ale není k dispozici hned po instalaci. K dispozici je mnoho balíčků (nebo zásuvných modulů) pro lidi, kteří s programováním začínají, například startovací balíček pro C++, balíček, který pomůže s doplňováním Pythonu (něco jako Intellisense ve Visual Studiu), a Emmet, který vám pomůže rychleji psát HTML a CSS tím, že vám umožní používat zkratky, které automaticky rozšiřuje.
Paleta příkazů
Při použití funkce Paleta příkazů budete schopni najít a navigovat se k jakémukoli příkazu mnohem rychleji, než kdybyste jej museli hledat v nabídkách. Můžete se dostat prakticky k čemukoli a Paleta příkazů za vás také automaticky vyplní příkazy, takže pokud si nejste jisti, co přesně hledáte, nabídne vám některé možnosti.
Pokud například pracujete na projektu a potřebujete rychle přidat novou složku nebo uložit projekt, na kterém pracujete, můžete tuto možnost rychle vyvolat. Nebo pokud chcete vytvářet fragmenty, aniž byste museli procházet nabídkami, můžete to udělat také.
Pro přístup k paletě příkazů stačí stisknout klávesy ctrl + shift + p.
Funkce Goto
V Sublime Textu existuje nabídka věnovaná všem funkcím „Goto“ v tomto textovém editoru. Jedná se o mnohem plnohodnotnější verzi vlastní nabídky „Přejít na“ ve Visual Studiu.
Mezi nejdůležitější funkce patří Goto Symbol (přidáno v Sublime Text 3), která umožňuje snadno najít všechny příklady symbolů v souboru. Níže uvedený příklad se týká značek H1 (v rámci tohoto souboru se vyskytl pouze jeden případ).
Projekty
Funkce Projekty odkazuje na způsob uspořádání složek a souborů v rámci aplikace Sublime Text. Znamená to, že všechny složky a soubory jsou uloženy na jednom místě a jsou rychle dostupné z postranního panelu, jakmile otevřete projekt, místo abyste museli neustále ručně otevírat další soubory. Znamená to také, že můžete (rychle) vyhledávat ve všech souborech v rámci projektu najednou.
Najednou můžete mít v pracovní oblasti otevřený pouze jeden projekt, takže pokud chcete projekty změnit, musíte vybrat možnost „Přepnout projekty“.
Visual Studio má podobnou funkci nazvanou „Pracovní prostory“, která umožňuje otevřít a pracovat s více soubory najednou.
A zbytek
Sublime Text má řadu dalších, „menších“ funkcí, které stojí za zmínku na tomto místě. Patří mezi ně:
- Výstřižky: Ty fungují stejně jako ve Visual Studiu, ale můžete si také vytvořit vlastní nebo nainstalovat další z rozšíření
- Vícenásobná editace: Po stisknutí ctrl + d se v souboru zvýrazní všechny výskyty slova nebo příkazu, na kterém se právě nacházíte, můžete také stisknout ctrl + f pro vyhledání a nahrazení slov.
Celkový dojem
Sublime Text je rychlý a odlehčený textový editor, který je žhavý na organizaci a vyhledávání v napsaném kódu a možnost snadno a rychle přejít na jakoukoli funkci nebo symbol. Jeho funkce „Goto“ a mnoho klávesových zkratek usnadňují zkušeným vývojářům orientaci a umožňují snadné psaní a vyhledávání kódu, aniž by museli sundat ruce z klávesnice. Začínajícím programátorům (jako jsem já) trvá déle, než si na něj zvyknou.
Sublime Text neobsahuje možnost ladění, což může být problém pro vývojáře, kteří tuto funkci vyžadují.
Který textový editor bych si měl vybrat?
Visual Studio by se dalo zařadit mezi integrovaná vývojová prostředí (IDE), protože umožňuje programátorům psát i testovat kód. Naproti tomu Sublime Text je „pouze“ textový editor (i když vynikající), protože se zaměřuje na poskytování co nejrychlejšího způsobu organizace a psaní kódu, ale bez možnosti testování (ladění) kódu.
Dalším zásadním rozdílem mezi Visual Studio Code a Sublime Text je podpora, kterou Microsoft poskytuje ve srovnání se Sublime Text. Společnost Microsoft vytvořila svazky dokumentace, která vysvětluje téměř všechny funkce a jejich použití, a také blogové příspěvky a videonávody, které uživatelům pomáhají se s textovým editorem seznámit.
Sublime Text poskytuje hůře dostupnou dokumentaci, blogový příspěvek vysvětlující funkce v nejnovější verzi a fórum.
Sublime Text je rychlý a snadno se v něm píše kód a orientuje, pokud víte, co děláte. Visual Studio poskytuje více ruční práce a je skvělou volbou pro své ladicí funkce, ale může zpomalit některé rychlé zkušené programátory, pokud jde o psaní kódu.