<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Zaujímavosti &#8211; Jakub Bajzath | Senior Frontend Developer</title>
	<atom:link href="https://hello.bajzath.cloud/sk/category/zaujimavosti/feed" rel="self" type="application/rss+xml" />
	<link>https://hello.bajzath.cloud</link>
	<description></description>
	<lastBuildDate>Mon, 27 Apr 2026 07:12:36 +0000</lastBuildDate>
	<language>sk-SK</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://hello.bajzath.cloud/wp-content/uploads/2026/04/icon-150x150.png</url>
	<title>Zaujímavosti &#8211; Jakub Bajzath | Senior Frontend Developer</title>
	<link>https://hello.bajzath.cloud</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Mojich TOP 8 rozšírení pre VSCode, na ktoré nedám dopustiť</title>
		<link>https://hello.bajzath.cloud/sk/mojich-top-8-rozsireni-pre-vscode-na-ktore-nedam-dopustit</link>
					<comments>https://hello.bajzath.cloud/sk/mojich-top-8-rozsireni-pre-vscode-na-ktore-nedam-dopustit#respond</comments>
		
		<dc:creator><![CDATA[jakub.bajzath]]></dc:creator>
		<pubDate>Mon, 27 Apr 2026 06:54:43 +0000</pubDate>
				<category><![CDATA[Programovanie]]></category>
		<category><![CDATA[Zaujímavosti]]></category>
		<category><![CDATA[programovanie]]></category>
		<category><![CDATA[rozšírenia]]></category>
		<category><![CDATA[vscode]]></category>
		<guid isPermaLink="false">https://hello.bajzath.cloud/?p=193</guid>

					<description><![CDATA[Ak programujete, určite viete že rozšírenia do IDE patria medzi najväčších pomocníkov. Ja osobne som si prešiel niekoľkými kombináciami a to či už v PHPStorme, alebo v mojom aktuálnom setupe &#8211; vo VSCode. Niekoľko pre VSCode som musel inštalovať preto, aby som dosiahol rovnaký compatibility-level s VSCode, niektoré sú pre mňa nice-to-have. Toto je TOP [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Ak programujete, určite viete že rozšírenia do IDE patria medzi najväčších pomocníkov. Ja osobne som si prešiel niekoľkými kombináciami a to či už v PHPStorme, alebo v mojom aktuálnom setupe &#8211; vo VSCode. Niekoľko pre VSCode som musel inštalovať preto, aby som dosiahol rovnaký compatibility-level s VSCode, niektoré sú pre mňa nice-to-have. Toto je TOP 8 rozšírení, ktoré si inštalujem automaticky. Rozšírenia nie sú zoradené automaticky, ale podľa toho ako som sa k nim počas prechádzania dostal.</p>



<h2 class="wp-block-heading">Error Lens</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="357" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1-1024x357.png" alt="" class="wp-image-196" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1-1024x357.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1-300x105.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1-768x268.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-1.png 1318w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">Zobrazovanie chýb patrí medzi najčastejšie &#8222;bolesti&#8220; 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. </p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--1"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">PHPStorm Dark Theme</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="358" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2-1024x358.png" alt="" class="wp-image-207" style="object-fit:cover" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2-1024x358.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2-300x105.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2-768x269.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-2.png 1237w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">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.</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--2"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=ericgomez.phpstorm-theme" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Project Manager</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="352" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3-1024x352.png" alt="" class="wp-image-212" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3-1024x352.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3-300x103.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3-768x264.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-3.png 1239w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">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. </p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--3"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Regex Previewer</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="398" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4-1024x398.png" alt="" class="wp-image-217" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4-1024x398.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4-300x117.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4-768x299.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-4.png 1237w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">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.</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--4"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=chrmarti.regex" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Git Prefix</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="599" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6-1024x599.png" alt="" class="wp-image-220" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6-1024x599.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6-300x175.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6-768x449.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-6.png 1231w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">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 &#8211; tagy &#8211; 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.</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--5"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=srmeyers.git-prefix" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Git Graph</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="513" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7-1024x513.png" alt="" class="wp-image-222" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7-1024x513.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7-300x150.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7-768x385.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-7.png 1249w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">Môj skromný názor je, že GIT vo VSCode je trošku menej &#8222;na steroidoch&#8220; 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 &#8222;middle-commit&#8220; 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.</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--6"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Vue (Official)</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="457" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9-1024x457.png" alt="" class="wp-image-225" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9-1024x457.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9-300x134.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9-768x343.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-9.png 1243w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">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&#8217;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).</p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--7"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=Vue.volar" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Oxc</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="436" src="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10-1024x436.png" alt="" class="wp-image-228" srcset="https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10-1024x436.png 1024w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10-300x128.png 300w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10-768x327.png 768w, https://hello.bajzath.cloud/wp-content/uploads/2026/04/image-10.png 1241w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph">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. </p>



<div class="wp-block-buttons is-horizontal is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-42a159bf wp-block-buttons-is-layout-flex">
<div class="wp-block-button is-style-outline is-style-outline--8"><a class="wp-block-button__link wp-element-button" href="https://marketplace.visualstudio.com/items?itemName=oxc.oxc-vscode" target="_blank" rel="noreferrer noopener">Odkaz</a></div>
</div>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://hello.bajzath.cloud/sk/mojich-top-8-rozsireni-pre-vscode-na-ktore-nedam-dopustit/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
