The art of technology
Blog
Back

Seriál o editorech - díl první

Petr  Novák
Petr Novák
8/16/2021
Technologie
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.