5 shortcut és 5 magic tool webfejlesztőknek

Shortcuts - VS Code

Sok ablak van nyitva VS kódban? 

Ne egérrel váltogass! A megnyitott tabok között váltogathatsz az alábbi parancsokkal

Ctrl + tab

Ctrl + shift + tab

Át kell nevezni valamit, ami több helyen van használva? 

Az alábbi parancs elég okos, hogy a scope-on belül mindenhol kicserélje a változó nevét.

Ctrl+r, r

Nem emlékszel hol volt az a fájl a file explorerben? 

Ctrl + e

majd kezd el gépelni például azt, hogy "service"

Elcsúsztak a sorok? Rossz a formázás?

Alt + Shift + f

Lusta vagy mentegetni?

Ctrl + Alt + S -> minden fájl mentése, vagy

Alt + f, p, s (File > Preferences > Settings)

+1 A felejthetetlen, aki helyetted gondolkodik:

Ctrl + . 

Toolok

Ditto

Ez a program képes elmenteni az előző 100 vágólapodat. Sokszor azt kívánom bár lenne ebből egy biokompatibilis agyba építhető változat is. Ez a hasznos toolocska nem csak szöveget de bármilyen képet is képes eltárolni amit az elmúlt időben Ctrl+c-vel mentettél.

https://ditto-cp.sourceforge.io/

VS Code extension - Bracket Pair Colorizer 2

Ha előfordult veled, hogy nem találtad egy zárójel elejét, vagy végét, ez az extension neked való. 

VS Code extension - Code Spell Checker

A falra tudtam volna mászni, amikor a JS kódom elszállt és nem tudtam mi az oka. Majd kiderült, hogy egy triviális elgépelés okozza. A typscript szerencsére az ilyeneket már kezeli, de ha plain JS-sel dolgozol rengeteg időt spórolhat meg. 

Persze tudom itt könnyű kiszúrni, de próbáld csak meg az invoiceOrderLineContractorDataSorce-ban :)

És a legjobb, hogy a Ctrl + .-tal természetesen tudod javítani a helyes szótári szóra.

Metszet és Vázlat - Időzített kivágás

Gondolom a metszet és vázlatot már ismered (vagy snipping tool). Mi van akkor, ha valami csak akkor jelenik meg, ha felé viszed az egeret?

Notepad++

Ha valamit gyorsan ki kell másolni és értelmezni, rengetegszer hívom segítségül. Olyan hasznos tool-ok vannak benne, mint a JSON és XML formatter.

Postman, Fiddler

A postman-ról már volt szó korábban, API teszteléshez kiváló. Tokeneket tudsz megadni authentikáció-hoz HTTP kéréseket küldeni, ezeket collection-ökbe foglalni, és gépek között megosztani az account-od segítségével.

A Fiddler 4 pedig egy olyan proxy amely a hálózati forgalmat figyeli.

Nektek mik a kedvenc tooljaitok? Add hozzá commentben ;)