Mojich TOP 8 rozšírení pre VSCode, na ktoré nedám dopustiť

Zobrazovanie chýb patrí medzi najčastejšie „bolesti“ v IDE. Chyby často vidíte buď až vtedy keď na ne spravíte hover v IDE, prípadne máte centralizovaný view s chybami. Error Lens umožňuje zobrazovať chyby priamo vo working window a v kóde. Chyby tak vidíte okamžite, viete si nastaviť ich level, formátovanie a okrem chýb vám dokáže zobrazovať napríklad aj spelling mistakes. Vďaka tomu nemusíte klikať na jednotlivé chyby, ale vidíte ich priamo.

Jedna z prvých vecí, ktoré som inštaloval. Pre mňa bola Dark Theme v PHPStorme najlepšia s akou som kedy pracoval a veľmi som si na tému zvykol. Jemne som si ju prispôsobil na zvýrazňovanie kódu (funkcie, bloky, konštanty a podobne) aby téma trafila presne do farebného scopu aký bol v PHPStorm. Ale prechod bol prakticky absolútne intuitívny a okamžite som sa cítil ako v PHPStorme.

Oragnizácia projektov je pre mňa veľmi dôležitá. Projekty chcem mať organizované, vybrať si aké chcem aktuálne prezerať a na ktorých pracovať. Project Manager robí presne to, čo od neho očakávam. Či už sa jedná o projekty ktoré sú git-based, alebo nie, organizuje ich, dokáže vytvárať workspaces, a automaticky ich aktualizovať. Prepínač na spodnej lište potom prepína medzi jednotlivými projektami, či už v aktuálnom working window, alebo vytvára nové taby.

Pozáte to. Pracujete s regexom. Potrebujete si tu a tam čo potestovať, popozerať aké máte matches verzus pattern ktorý máte pripravený a podobne. Ja som osobne používal regex101, ale prišlo mi celkom neefektívne otvárať prehliadač a testovať regex zakaždým keď som si chcel niečo overiť. Našiel som však Regex Previewer. Ten vám umožní otvoriť si akýkoľvek regex pattern na side-by-side tabe a tam testovať jeho priepustnosť. Ak máte test-case batch, napríklad rôzne cases po riadkoch, rovno ich všetky prebehne a ukáže vám, ktoré sú match a ktoré nie.

Pracujem veľa s GIT-om a taktiež s JIRou. Tasky, úlohy, fixy a podobne. A keďže som celkom organizovaný človek, mám rád na všetkom nálepky – tagy – indikátory. Mám zaužívanú convention, že branch name nazývam podľa tasku, ku ktorému je priradená a to isté s commits. Preto ak sa mi stane, že idem niečo commitovať, keď som prešiel na VSCode, ručne som všetky commit message prependoval s branch name (v mojom prípade JIRA issue ID). A potom som našiel Git Prefix. Ten spraví presne to isté. Pozrie vašu branchu a prefixne commit message s ňou. V nastaveniach si viete nastaviť aj iné indikátory, spraviť default pattern a podobne.

Môj skromný názor je, že GIT vo VSCode je trošku menej „na steroidoch“ ako v PHPStorme. PHPStorm ponúkal niekoľko helperov, tools, ktoré vo VSCode nenájdeme. Jednou z nich je napríklad mergovanie branchí. PHPStorm automaticky vytváral „middle-commit“ napríklad pri konfliktoch stalled branchí. VSCode toto nevie a musíte si tento medzikrok spraviť ručne, inak vám nedovolí mergovať do vašej branche novšie branche s konfliktami. Git Graph sa ku mne dostal od kolegu a musím uznať že jeho UI je prepracované, pekne zobrazuje tagged branches, prehľadne, s rozdielmi a mergovanie branchí s konfliktami je pre mňa omnoho jednoduchšie.

Keďže je môj primárny framework pre frontendovú prácu Vue, používam oficiálny Vue plugin. Plugin ponúka všetky potrebné toolingy, ako zvýrazňovanie syntaxe, auto-complete, typecheck, či formátovanie (štýly, kód v SFC’s). Tento plugin spája (a to nie len obrazne) predošlý setup v ktorom existovali dva pluginy pre Vue 2 a Vue 3 (známy Volar). Plugin Vue (Official) spája funkcionalitu oboch do jedného s cross-support. Niektoré veci však pri spájaní nebolo možné resolvnúť a preto si pozrite Issues na GIThube ktoré by vás mohli hitnúť (hlavne staršie Vue 2 setupy).

OXC je zjednodušene formatter a linter na steroidoch. Okrem toho že spája tieto dve základné funkcionality, je napísaný v Rust-e, takže je oproti konvenčným linterom (ESLint) a formatterom (Prettier) extrémne rýchly. Je pravda, že stále má určité nedostatky, spôsobené tým že všetky rules ešte nie sú premigrované do Oxc setupu, takže niektoré veci môžu chýbať, no jeho vývoj je aktívny a rýchly, takže kompletná migrácia je le otázkou času. Naviac Oxc ponúka migrátor, takže vaše existujúce konfigy sa zmigrujú pomocou CLI a máte prakticky one-click transition bez väčších problémov.