# VS Code anatómiája

## Első lépések

Első indításkor egy üdvözlő képernyőt kapunk, itt azonnal elérünk pár funkciót, többek között egy segítség listát a kezdeti lépésekhez. Az üdvözlőképernyőt újra elő tudjuk hozni a **Help** menüből, válasszuk a **Wolcome** menüpontot..

![](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOUfUBSlNouB5dQATKw%2F-LOUfY1B843tMNpGLNPH%2Fvsc01.png?alt=media\&token=420c8cee-127e-47c9-a425-5954e57c2af9)

1 - Üdvözlő képernyő\
2 - Tevékenységek (Activity bar)\
3 - Beállítások

## Parancs paletta

A legfontosabb, legsokoldalúbb eszköze a VS Code-nak a **parancs paletta**, több funkciója van, ezekhez a funkciókhoz különböző billentyű kombinációk társulnak. Ezeket a funkciókat áttekinthetjük, ha csak egy kérdőjelet írunk a parancs palettába.

![Ctrl + p lenyomása után ha begépelünk egy kérdőjelet, kapunk egy listát az elérhető parancs típusokról.](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOmQyjFGVb6BMomdA-q%2F-LOmVTkQ3yR8IlspMsDX%2Fvscode-commandpalette00.png?alt=media\&token=88eba896-7429-40f4-9ee6-130f7551e6f8)

### VS Code parancsok - Ctrl + Shift + p

Ez megnyitja a parancs palettát, és a paletta keresője az összes VS Code parancs között szűr. Például ha beírjuk, hogy *help*, a parancs paletta felsorolja az összes parancsot, ami a VS Code dokumentációjával, a a segítség menüpontokkal kapcsolatos.

![](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOmNnYDYIROAmrIboQ_%2F-LOmPZayT3ijQ5Mok8Q6%2Fvscode-commandpalette01.png?alt=media\&token=b2855f9a-f492-42d3-a51c-e10226baf5d0)

Figyeljük meg, hogy ebben a módban egy > karakter jelenik meg a paletta szűrőjében.

### Navigáció az állományok között - Ctrl + p  

Így a megnyitott mappa állományai között lehet keresni, gépeljük be az állomány nevét, és a VS Code a megfelelő állományt fogja megnyitni.

Ha az állomány neve után kettőspontot írunk, és beírunk egy számot, a VS Code a megfelelő számú sorra fog ugrani.

![](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOmQyjFGVb6BMomdA-q%2F-LOmULTK8AsUj0pL8Lzo%2Fvscode-commandpalette02.png?alt=media\&token=b88b40dc-3e9d-4969-a6e3-4fdd494aa74a)

### Navigáció az állományon belül - Ctrl + g 

A kettőspontos módszer működik állománynév nélkül is, ebben az esetben a szerkesztő a megnyitott állomány megfelelő sorára ugrik.

### Navigáció a megnyitott állományok (tabok) között - Ctrl + Shift + Tab

A megnyitott tabok között tudunk így váltani, ez akkor hasznos ha sok tabunk van megnyitva.

### **Navigáció szimbólumok között - Ctrl + Shift + o**

Egy állományon belül tudunk így navigálni a HTML elemek, vagy CSS stílusok között, esetleg a JavaScript funkciók között.

![](https://4266704503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNfhge3bZW-4Qpjzwtx%2F-LOmQyjFGVb6BMomdA-q%2F-LOmW1I6xpGDezlYIuCn%2Fvscode-commandpalette03.png?alt=media\&token=44b370f5-3fc8-4052-86ec-5bbe56bf0e64)

Ha a listából kiválasztunk egy elemet, a szerkesztő automatikusan a megfelelő sorra ugrik.

### Parancs paletta funkciók áttekintése

| Funkció                               | szimbólum | billentyű kombináció |
| ------------------------------------- | --------- | -------------------- |
| Parancs paletta funkciói              | ?         | nincs                |
| Parancs értelmező                     | >         | Ctrl + Shift + p     |
| Navigáció állományok között           | nincs     | Ctrl + p             |
| Navigáció állományon belül            | :         | Ctrl + g             |
| Váltás a megnyitott állományok között | nincs     | Ctrl + Shift + Tab   |
| Navigáció szimbólumok között          | @         | Ctrl + Shift + o     |