Seriál o editorech - díl první

Jaké IDEčko vybrat?

​ Pokud začínáme s programováním, vždy stojíme před otázkou, jaký editor nebo IDE vybrat. Mezi nejpoužívanějšími najdeme rodinu od firmy Jetbrains (IntelliJ IDEA, PHPStorm, Webstorm a další), Visual Studio Code, Sublime Text, Atom, Vim, Notepad ++, XCODE a pár dalších. Má zkušenost říká, že právě tyto editory a IDEčka jsou na trhu nejpoužívanější. A jelikož se sám pohybuji ve světě JavaScriptu a TypeScriptu, tak budu v tomto seriálu srovnávat dva konkrétní, a to Webstorm a Visual Studio Code. V dnešním díle nového miniseriálu si popíšeme jejich základní rozdíly. ​

Webstorm​

• placený (1399Kč/139,90Kč + DPH pro jednotlivce nebo 3390Kč/339Kč + DPH pro firmy)
• od firmy Jetbrains
• multiplatformní
• primárně určen pro psaní JavaScriptu a TypeScriptu
• psaný v Javě
• anglicky a pár dalších jazyků (bez češtiny)
• počet doplňků cca 2000
• aktualizace - velké 3x do roka (duben, srpen, listopad), plus menší, co hlavně opravují chyby ​

Visual Studio Code (VSC)

• zdarma
• od firmy Microsoft
• multiplatformní
• lze v něm psát v jakémkoliv jazyce díky velkému množství doplňků
• psaný v TypeScriptu a běžící v ElectronJS
• česky (tedy alespoň větší část aplikace), anglicky, německy a ještě dalších pár jazyků
• počet doplňků - cca 21000
• výborná integrace s GITem - bez 3way merge konfliktů
• aktualizace každý měsíc. Výjimkou jsou Vánoce.

Základní shrnutí máme za sebou a můžeme se vrhnout na mé postřehy. Já osobně používám oba dva. Každý má své výhody a benefity, které samozřejmě ten druhý postrádá a naopak.

Webstorm

• i s cca 25 doplňky (v mém případě) je poměrně rychlý
• má výbornou podporu pro TypeScript i JavaScript
• přehlednější vyhledávání (s možností editace)
• v základu hodně refaktorujích funkcí a velmi kvalitně vyrobený inspector
• výborná práce s GITem (krom běžných úkonů, update branch i když jste v jiné, 3way merge konfliktů, náhled změn v souborech a další), komentáře u Pull Requestů
• skvělá lokální historie souborů
• podpora pro GraphQL (přes doplněk) - brzy snad nativně
• v základu je lépe použitelný bez nutnosti doinstalace čehokoliv
• by default vše nastaveno k použití
• propracovaný debug mod

Musím říct, že v Jetbrains odvedli kus skvělé práce. V základu dostanete plnohodnotný IDE s obsáhlým množstvím funkcí. Je rychlý a spolehlivý, požadovaná částka je adekvátní. Při speciálních příležitostech se objevují akce na pořízení se slevou (Black friday, Vánoce nebo výročí firmy). Jiné firmy požadují obdobnou částku i za jednoduchou funkci, jakou je například úkolníček. I proto mě překvapuje, že se v každoročním přehledu používaných IDE (editorů) umisťuje často až na 10 místě Stack Overflow developer survey.

​ Visual Studio Code

• osobně mám přibližně 80 doplňků
• nemá lokální historii souborů - lze pouze přes doplněk
• má výbornou podporu pro JavaScript i TypeScript, ale nejen pro ně. Díky doplňkům můžete použít Visual Studio Code na jakýkoliv jazyk, který vás napadne. Zvládne dokonce i Prolog, pokud by někdo pochyboval
• vyhledávání mi bohužel nepřijde tak intuitivní a snadno použitelné jako u Webstormu
• nejlepší práce s GITem (krom 3way merge při konfliktech) a to díky doplňkům
• lze customizovat cokoliv
• podpora pro GraphQL (opět přes doplněk), ale i s provoláním API přímo z editoru
• v základu je to holý editor, který je spíše lepším poznámkovým blokem
• na začátku máme více práce, než si ho nastavíme
• více provázaný na GitHub, Azure
• velký pokrok v debugování - hlavně React a NextJS ​

U Visual Studio Code musím říct, že v Microsoftu se toho opravdu nebáli a rovněž udělali opravdu velký kus práce. V základu je rychlý, ale bohužel opravdu jen v základu. Jakmile podlehnete kouzlu doplňků, které umí opravdu snad cokoliv, jde rychlost trochu dolů. Ale byl by skoro až hřích je nepoužít. Každý pracuje s různými dílčími programy (postman, insomnia, GraphQL devtool, diagramy, a další). Díky doplňkům ani kolikrát nemusíte opustit Visual Studio Code. Lze v něm tvořit SVGčka, diagramy, posílat GraphQL a Rest dotazy na API, kreslit, odepisovat tikety v Jira a na GitHubu, spouštět Azure funkce, poslouchat hudbu na Spotify a další. Je toho opravdu hodně. Tady má Visual Studio Code obrovský náskok. Pro Webstorm s největší pravděpodobností nikdy nevznikne tolik kvalitních doplňků, zároveň ty lepší začínají být placené. V poslední době sází Microsoft na svůj Visual Studio Code čím dál víc. Nejnovější GitHub Satelitte ukázal hlubší provázání Visual Studio Code a GitHubu. Příkladem budiž propojení Visual Studio Code a Azure spolu s GitHubem, jako je deployment na pár kliknutí. V poslední době se otevřel [GitHub Codespaces] (https://github.com/features/codespaces) pro týmy a jako preview máme GitHub Copilot. ​ Na co je třeba se připravit je spotřeba operační paměti. Oba dva jsou celkem náročné a při práci si včetně spuštěného NodeJS na pozadí vezmou cca 3 - 8 GB paměti. Proto doporučuju stroj s minimálně 16GB pamětí. I s tím, co běžně používáme, by to mělo tak akorát stačit. ​ Co tedy zvolit? Uh, tak to Vám s jistotou nejsem schopný říct. Možná využijete tu obrovskou a pestrou škálu doplňků (jako já), ale možná také ne. Někdo je už zvyklý na IntelliJ z Javy, ale chce něco odlehčeného na JavaScript a TypeScript. Pak je Webstorm asi nejlepší volbou. Já bych doporučil používat chvilku oba. Projít si, jaké doplňky využijeme a kde jsme produktivnější.

Webstorm je možno 30 dní používat bezplatně, což je dostatečná doba na to si jej pořádně vyzkoušet. U nás v ApiTree je to celkem vyrovnané. Na backendu převládá Webstorm, na frontendu pro změnu Visual Studio Code. ​ ​ A příště se podíváme na nějaké zajímavé doplňky, které mi pomáhají při práci. ​ Tak se těším.