Digitális kiadványok
  • Bevezető
  • Digitális kiadványok
    • Világhálóról dióhéjban
    • Online tervezőgrafika
    • Mi szükséges egy weboldal elindításához?
    • Webmotorok, tartalomkezelők, webshopok
    • Weblaptervezéshez szükséges ismeretek
  • HTML
    • Mi az a HTML?
    • HTML rövid története
    • HTML állomány felépítése
    • HTML elemek
    • HTML hibák, és javításuk
  • CSS
    • Mi az a CSS?
    • CSS stílusok felépítése
    • Kijelölők
    • Rangsor
    • Színek, színrendszerek
    • Mértékegységek
    • Doboz modell
    • Szövegek, szövegközi elemek
    • Úsztatás
    • Háttérszínek, háttérképek
    • Pozicionálás
    • @media
    • Rugalmas dobozok
  • CSS technikák
    • Középre rendezés
    • Konténer középre rendezése
    • Kör, ellipszis
    • Aránytartó téglalap, négyzet
    • Kép úsztatása szövegben
    • Vízszintes menü úsztatással
    • Layout kialakítása úsztatással
    • Clearfix
  • Bootstrap
    • Mi az a Bootstrap?
    • Kezdő lépések
    • Konténer elem
    • Grid rendszer
    • Tartalmak
    • Komponensek
    • Segédek
    • Egyedi megjelenés
  • VS Code
    • Mi az a VS Code?
    • VS Code beszerzése, telepítése
    • VS Code anatómiája
    • Emmet
  • Egyéb eszközök
    • W3C Validator
    • Google Fonts
    • Font Squirrel
    • Type Scale
    • Font Awsome
    • Glitch.com
  • eKönyv
    • Az eKönyvekről dióhéjban
    • ePub formátum
  • Függelék
    • Felhasznált irodalom
    • Tanulási alternatívák
    • Markdown szerkesztők, olvasók
    • Webmotorok
    • Kliens oldali keretrendszerek
    • Fejlesztéshez alkalmas számítógép konfiguráció
    • Visszajelzés, kapcsolat
Powered by GitBook
On this page
  • Első lépések
  • Parancs paletta
  • VS Code parancsok - Ctrl + Shift + p
  • Navigáció az állományok között - Ctrl + p
  • Navigáció az állományon belül - Ctrl + g
  • Navigáció a megnyitott állományok (tabok) között - Ctrl + Shift + Tab
  • Navigáció szimbólumok között - Ctrl + Shift + o
  • Parancs paletta funkciók áttekintése
Export as PDF
  1. VS Code

VS Code anatómiája

PreviousVS Code beszerzése, telepítéseNextEmmet

Last updated 6 years ago

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..

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.

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.

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.

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.

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

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.