Visual Studio Code Használata

Mi a Visual Studio Code (VS Code)?

A Visual Studio Code (vagy, ahogy mi fejlesztők egymás között emlegetjük VS Code) egy ingyenes, nyílt forráskódú forráskód-szerkesztő, amelyet a Microsoft fejlesztett ki. Számos programozási nyelvet támogat, és sokoldalú funkciókkal rendelkezik, amelyek megkönnyítik a munkánkat. A kóderek fegyvere.

Telepítés és Beállítás

Hogyan töltsük le és telepítsük a VS Code-ot?

A beszerzést a legtöbb esetben érdemes a program saját weboldalán megtenni: https://code.visualstudio.com. A Download gombra kattintva a böngésző automatikusan az oprendszerünknek megfelelő változatot fogja felajánlani, de ha ettől eltérő verziót szeretnénk, kattintsunk a gomb melletti nyilacskára, majd választhatunk a macOS, Windows x64, illetve Linux verziók közül.

A telepítés sem egy ördögi művelet, Windows rendszeren pl. a szokásos tovább-tovább-kész telepítőablakos módszerrel másodpercek alatt végezhetünk. A „További feladatok” ablakban van azonban néhány kapcsoló, amivel már most egyszerűsíthetünk bizonyos későbbi feladatokat:

1. Asztali ikon létrehozása – ezt mindenki döntse el, hogy szeretné-e
2. „Megnyitás a következővel: Code” parancs hozzáadása a fájlok helyi menüjéhez a Windows Intézőben. – ha bekapcsolod, a VS Code beépül a Windows Intézőbe, ahol aztán jobb egerezve a fájlokon meg fog jelenni a VS Code-ban való megnyitás lehetősége.
3. „Megnyitás a következővel: Code” parancs hozzáadása a mappák helyi menüjéhez a Windows Intézőben. – Ugyanaz, mint az előbbi, de ez a mappákra vonatkozik, kattintásra az egész mappát meg fogja nyitni a VS Code-ban
4. Code regisztrálása szerkesztőként a támogatott fájltípusokhoz – ennek a lényege, hogy a támogatott fájltípusokat (pl.: .py, .php, .js stb) dupla kattintásra automatikusan a VS Code-ban fogja megnyitni az oprendszerünk.
5. Hozzáadás a PATH-hoz – ha bepipáljuk, a telepítő beírja a VS Code-ot a PATH-ba, ami azt jelenti, hogy parancssorban bármelyik meghajtó és bármelyik mappában vagyunk a code parancs begépelésére meg fogja nyitni a VS Code-ot

Az első lépések: Alapvető beállítások

Sikeres telepítést követően, az első indításkor elvégezhetjük az első alapbeállításokat. Ezek mindegyike természetesen bármikor módosítható, később is.

• színtéma
• nyelvi támogatások (kiválaszthatjuk azokat a programnyelveket, amikben dolgozni szeretnénk)
• beállítások
• szinkronizálás (itt bejelentkezhetünk egy Microsoft fiókkal, ezután a program felhőben fogja tárolni a beállításokat)
• bemutatja a program a parancspalettát
• megadhatunk egy projekt könyvtárat, ahol rögtön dolgozhatunk
• videó tutorial-ok megtekintése

Bővítmények és Testreszabás

            A baloldali gombsoron az „Extensions” gombra kattintva rögtön megnyílik a kiegészítők panel, ahol böngészhetünk a kiegészíthetők között, amiket egy gombnyomásra telepíthetünk is. Érdemes azonban csak a szükséges bővítményeket használni, mert a nem használt kiegészítők lassíthatják a gépünket.

Billentyűparancsok

            A VS Code talán legnagyszerűbb tulajdonsága a billentyűzetparancsok, amikkel drasztikusan fel lehet gyorsítani a munkát. A tapasztalt fejlesztők alig veszik kezükbe az egeret, mert mindent villámgyorsan meg lehet oldani billentyűzetről. A program többszáz billentyűparancsot tartalmaz, így azokat felsorolni lehetetlen, nem is ez a célja ennek a cikknek, de azért nézzük át a legfontosabbakat:

            CTRL + P - gyors fájlmegnyitás, a megnyíló ablakban csak kezdjük el begépelni a keresett fájl nevét

            CTRL + SHIFT + F – kódrészlet keresése a teljes projektben, a megnyíló ablakban kezdjük el begépelni a keresni kívánt kódrészletet és a program a teljes projektben megkeresi

            SHIFT + ALT + F – kódformázás, a megnyitott fájlt az előre beállított formázási szabályoknak megfelelően automatikusan beformázza

            CTRL + / - kód kommentelés, a kijelölt kódrészletet kommentbe helyezi

            ALT + fel, ALT + le – a kijelölt kódrészletet mozgathatjuk vele fel, vagy le

            CTRL + Z – talán nem kell bemutatni, de nem érdemes kihagyni sem, a visszavonás funkció, mely az utolsó begépelt parancsot, vagy elvégzett műveletet visszavonja

            CTRL + Y – a visszavonás párja, mely a visszavont műveletet újra elvégzi

            CTRL + TAB – megnyitott fájlok közötti gyors váltás

További Források és Tanulási Lehetőségek

Ha mélyebben szeretnél elmerülni a Visual Studio Code használatában, számos online forrás és dokumentáció áll rendelkezésre. A Visual Studio Code hivatalos dokumentációja átfogó útmutatást nyújt az összes funkcióról és beállításról. Emellett a közösségi fórumok, blogok és videók is remek források lehetnek a különböző tippek és trükkök elsajátításához, akárcsak a cikksorozat második része, amiben haladó funkciókról és testreszabási lehetőségekről írunk.

Szerző: Domokos Gábor 

Olvasd el a cikk folytatását:
Visual Studio Code használata 2. rész