GitHub-adattárak kezelése JavaScript-fejlesztéshez a Visual Studio Code-ban

A Visual Studio Code átfogó Git- és GitHub-integrációt biztosít JavaScript-fejlesztőknek. Ez az útmutató bemutatja, hogyan kezelheti a GitHub-adattárakat közvetlenül a fejlesztői környezetből, és hogyan egyszerűsítheti a munkafolyamatot a kódlétrehozástól az üzembe helyezésig.

Megtanulhatja megnyitni a meglévő adattárakat, inicializálni az új projekteket, szolgáltatáságakat létrehozni, módosításokat véglegesíteni és leküldni a GitHubra – mindezt a VS Code elhagyása nélkül. Az útmutató több megközelítést is tartalmaz az egyes tevékenységekhez, beleértve a tevékenységsávot, a parancskatalógust, az állapotsort és az integrált terminált, így kiválaszthatja a fejlesztési stílusához leginkább megfelelő módszereket.

Előfeltételek

• A git telepítve van a helyi gépen
• Visual Studio Telepített kód
• Egy GitHub-fiók

A távoli adattár megnyitása

Nyissa meg a távoli adattárat a helyi számítógépen.

Tevékenységsáv

1. A Távoli adattár bővítmény telepítése
2. Válassza ki a Visual Studio Code bal alsó sarkában található távoli jelzőt.
3. Kövesse az utasításokat.

Állapotsor

Ez a művelet nem érhető el ebből a funkcióból. Válasszon másik lapot.

Parancskatalógus

1. Nyissa meg a parancskatalógust a Ctrl + + billentyűkombinációval.
2. A parancskatalógus parancssorában válassza gitcla Git: Klónozás parancsot, majd válassza a Klónozás lehetőséget a GitHubról , és nyomja le az Enter billentyűt.
3. Amikor a rendszer kéri az adattár URL-címét, válassza a GitHub klónozását, majd nyomja le az Enter billentyűt.
4. Ha a rendszer arra kéri, hogy jelentkezzen be a GitHubra, fejezze be a bejelentkezési folyamatot.
5. Adja meg az azure-samples/js-e2e-express-server értéket az Adattár URL-cím mezőjében.
6. Válassza ki (vagy hozza létre) azt a helyi könyvtárat, amelybe a projektet klónozni szeretné, majd válassza a Kiválasztás adattárhelyként lehetőséget.
7. Amikor megkapja az értesítést, amely megkérdezi, hogy meg szeretné-e nyitni a klónozott adattárat, válassza a Megnyitás lehetőséget.

Integrált terminál

1. Nyisson meg egy integrált terminált a Terminál –> Új terminálból.

2. Klónozza az adattárat a következő Git-paranccsal:

   git clone https://github.com/<ACCOUNT>/<REPOSITORY>
   

3. Megnyitás a Visual Studio Code-ban:

   code <REPOSITORY>
   

A Visual Studio Code az operációs rendszer által biztosított Git-hitelesítést (például macOS KeyChain vagy Windows Credential Manager) használja bármilyen Git-funkcióval. A kimenet látható a Git parancskatalógusában > : Git-kimenet megjelenítése.

Csatlakozás egyéni GitHub-tartományokhoz

Alapértelmezés szerint a Visual Studio Code feltételezi, hogy az adattárak a .github.com Ha egy másik tartományban (például egy vállalati GitHubhoz hasonló github.<company_name>.com) adattárhoz kell csatlakoznia, ennek megfelelően kell konfigurálnia a Git-elérési utat.

Ha frissíteni szeretné a Git elérési útját a VS Code-ban, nyissa meg a Fájl → Beállítások → Beállítások lehetőséget , és keressen rá Git: Path. Ezzel a beállítással megadhatja a saját GitHub-tartományával működő Git-végrehajtható fájl abszolút elérési útját.

Másik lehetőségként hozzáadhatja vagy frissítheti a beállítást közvetlenül a git.pathsettings.json fájlban, hogy a VS Code a megfelelő Git-bináris fájlt használja az összes adattárművelethez.

A helyi adattár megnyitása

Ha van egy meglévő adattára a helyi számítógépen, és meg szeretné nyitni a Visual Studio Code-ban, csak nyissa meg a mappát. A Visual Studio Code felismeri az .git almappát, és megjeleníti a releváns információkat.

Tevékenységsáv

1. Válassza a Ctrl K +
2. Válassza ki a mappát.

Állapotsor

Ez a művelet nem érhető el ebből a funkcióból. Válasszon másik lapot.

Parancskatalógus

1. Nyissa meg a parancskatalógust a Ctrl + + billentyűkombinációval.
2. Szűrés a következővel Git: , majd válassza a lehetőséget Open repository.
3. Válassza ki azt a mappát, amely az adattár gyökereként van kijelölve.

Integrált terminál

1. Nyisson meg egy integrált terminált a Terminál –> Új terminálból.

2. Nyisson meg egy új Visual Studio Code-példányt az adattár könyvtárához:

   code ../dir1/dir2/my-repo
   

Új adattár inicializálása

Az alábbi eljárással hozzon létre egy helyi forráskódtárat a következővel git:

Tevékenységsáv

1. Válassza ki a forrásvezérlőt a tevékenységsávon, vagy használja a Ctrl +

2. Válassza az Adattár inicializálása lehetőséget.

   

Állapotsor

Ez a művelet nem érhető el ebből a funkcióból. Válasszon másik lapot.

Parancskatalógus

1. Nyissa meg a parancskatalógust a Ctrl + + billentyűkombinációval.
2. Szűrés a következővel Git: , majd válassza a lehetőséget Initialize repository.
3. Válassza ki azt a mappát, amely az adattár gyökereként van kijelölve.

Integrált terminál

1. Nyisson meg egy integrált terminált a Terminál –> Új terminálból.

2. Inicializálja a mappát a gittel a következő git paranccsal:

   git init
   

Az adattár inicializálása után hozza létre az adattárat a GitHubon. Ezután adja hozzá ezt az adattárat távoliként a helyi projekthez a Parancspalettán: keressen rá Git: Add remote.

Ág létrehozása a módosításokhoz

Hozzon létre egy új ágat a módosítások rögzítéséhez és a fő vagy alapértelmezett ágtól való elkülönítéshez.

Tevékenységsáv

1. Válassza ki a forrásvezérlőt a tevékenységsávon.
2. Válassza a Forrásvezérlő melletti három pontot (...).
3. Válassza a Branch -Create Branch (> létrehozása) lehetőséget.

Állapotsor

1. Válassza ki az ág nevét az állapotsoron. Ekkor megnyílik a parancskatalógus.

   Az állapotsor a Visual Studio Code alján található.

2. A parancskatalógusban válassza az +Új ág létrehozása lehetőséget.

3. Adja meg az új ág nevét.

4. Adjon meg egy új ágnevet. Az ág neve látható az állapotsoron.

   

Parancskatalógus

1. Nyissa meg a parancskatalógust a Ctrl + + billentyűkombinációval.

2. Keressen rá git branch , és válassza a lehetőséget Git: Create Branch.

   

3. Adjon meg egy új ágnevet, például test.

4. Az ág neve látható az állapotsoron.

   

Integrált terminál

1. Nyisson meg egy integrált terminált a Terminál –> Új terminálból.

2. Hozzon létre egy új ágat MY-BRANCH a következő Git-paranccsal:

   git checkout -b MY-BRANCH
   

Módosítások helyi véglegesítése

Miután módosította az ág fájljait, véglegesítse a módosításokat.

Tevékenységsáv

1. Válassza ki a forrásvezérlőt a tevékenységsávon.

2. Írja be a véglegesítési üzenetet, majd válassza a Véglegesítés lehetőséget.

   

Állapotsor

Ez a művelet nem érhető el ebből a funkcióból. Válasszon másik lapot.

Parancskatalógus

1. Nyissa meg a parancskatalógust a Ctrl + + billentyűkombinációval.
2. A parancskatalógusban szűrjön a következővel GitCommit:
3. Írja be a véglegesítési üzenetet, majd nyomja le az Enter billentyűt.

Integrált terminál

1. Nyisson meg egy integrált terminált a Terminál –> Új terminálból.

2. Hozzon létre egy új ágat MY-BRANCH a következő Git-paranccsal:

   git commit -m "YOUR COMMIT MESSAGE"
   

Helyi ág leküldése a GitHubra

Tevékenységsáv

1. Válassza a Forrásvezérlő ikont a tevékenységsávon.
2. Válassza a Közzétételi ág lehetőséget. Ha az adattár nem létezik a GitHubon, létrehozza az adattárat.

Állapotsor

1. A Visual Studio Code állapotsorán válassza az ágnév jobb oldalán található leküldés ikont.

   

2. Válassza ki a távoli nevet az előugró ablakban. Ha csak egy távoli példánya van, a rendszer nem fogja megkérni, hogy válassza ki a távoli nevet.

Parancskatalógus

1. Nyissa meg a parancskatalógust a Ctrl + + billentyűkombinációval.
2. A parancskatalógusban szűrjön a következővel GitPush:
3. Ha több felsőbb rétegbeli távvezérlővel rendelkezik, válasszon egy távoli nevet, majd nyomja le az Enter billentyűt.

Integrált terminál

1. Nyisson meg egy integrált terminált a Terminál –> Új terminálból.

2. Hozzon létre egy új ágat MY-BRANCH a következő Git-paranccsal:

   git push <remote-name> <branch-name>
   

Git-kimenet megtekintése

A Git-parancsok kimenetét a Forrás vezérlőbővítmény használatakor tekintheti meg. Ez a kimenet segít a hibakeresésben, ha egy parancs meghiúsul.

1. Válassza a Forrásvezérlő ikont a tevékenységsávon.

2. Jelölje ki a három pontot (...), majd válassza a Git-kimenet megjelenítése lehetőséget.

   

Visual Studio Code-eszközök a Git és a GitHub használatához

A Visual Studio Code-ban az adattárral való munka külön eszközöket használ.

Ikon	Tájékoztatás	Hozzáférés innen:
	Git-parancsok a parancskatalógusban	F1
	Forrásvezérlő bővítmény	Tevékenységsáv
	GitHub-lekéréses kérelmek és problémák bővítmény	Tevékenységsáv
	GitHub-adattárak bővítmény	A GitHub-adattárakat gyorsan és egyszerűen megnyithatja a GitHub-adattárak keresésével: Tárház megnyitása... a parancskatalógusból, az F1-ből vagy a GitHub-adattár megnyitásával... a távoli jelzőből (az állapotsor bal alsó sarkában lévő zöld gomb).

Kapcsolódó erőforrások

• Webalkalmazás üzembe helyezése
• A GitHub használata a Visual Studio Code-ban
• A Visual Studio Code használata más verziókövetési szolgáltatókkal