Verzióvezérlés a Visual Studio kódban Git-tel [Útmutató]

Integrált Git támogatás A Microsoft új forráskódszerkesztője, a Visual Studio Code egyik legnagyobb jellemzője. Git a elosztott verzióvezérlő rendszer, amely lehetővé teszi, hogy nyomon kövesse a munkáját, mozoghasson a változatok között, és egyidejűleg dolgozzon különböző ágakon. Ezt a Gitub is használja, a népszerű Git tárolószolgáltatás.

Visual Studio kód alapértelmezés szerint támogatja a Git-et, ez azt jelenti, hogy nem kell telepítenie a csomagokat vagy bővítményeket. Az oldalsáv egy különálló csoportos it A nézet gyorsan megnyitható a csoportos it ikon (lásd VS kód részei), vagy a Ctrl + Shift + G billentyűkötéshez.

Telepítse a Git-et

Visual Studio kódként a számítógép Git telepítését használja, először Git telepítése szükséges. A Git hivatalos honlapjáról gyorsan letöltheti. Telepítenie kell legalább 2.0.0 verzió a VS kód Git funkcióinak megfelelő működéséhez.

Bár a Visual Studio kód lehetővé teszi vizuálisan kezelje a Gitet, ha megtanulod, hogyan kell használni a Git-et a parancssorból, itt néhány hasznos erőforrás:

• Github interaktív Git bemutatója
• Az Atlassian Git bemutatója - az Atlassian a Bitbucket forráskód-tárhely platformja mögötti cég (hasonló a Githubhoz)
• Atlassian Git Cheat Sheet (PDF) - ez a leggyorsabb módja, ha már használta a Git-et, de nem emlékszel egy vagy két parancsra
• A teljes Pro Git kézikönyv

Inicializálja a tárolót

Ha a munkaterületét még nem követi a Git, először meg kell új tároló inicializálása. Ehhez kattintson a Git-nézetben a Git tároló inicializálása gombra.

A VS kód a .csoportos it mappát a munkaterületen belül (ezt nem látja a VS kódból, mivel ez egy rejtett könyvtár, de a fájlkezelőjében megtalálhatja a projekt gyökérkönyvtárában), és ez is adjunk hozzá a fel nem használt fájlokat az oldalsávba.

Fázisváltozások

Miután beállította a Git tárolót, itt az ideje hozza létre a kezdeti kötelezettségvállalást (egy elkötelezettség az egész tárolójának rögzített állapota, amelyet később visszaléphet). Mielőtt elkötelezné magát, hozzá kell adnia a Git segítségével követni kívánt fájlokat az állomásterülethez vagy más szóval, a változásokat. Kattintson a + gombra, amely az egyes fájlok mellé jelenik meg a színpadra.

Miután rákattintott a színpadra kívánt fájlokra, a Visual Studio Code a Változtatások mappát Fokozott változások ez azt jelenti, hogy most már vannak a megállási területen. Ha akarod az összes fájl egyszerre, van egy + gomb a Változtatások a felirat is (megjelenik a lebegőn), és kattintson rá.

Változások bekövetkezése

A fokozatos módosítások még nem kerültek rögzítésre kötelezzék el őket, úgyhogy később megnézheted, vagy visszaléphetsz a a tároló jelenlegi állapota. Annak érdekében, hogy a változtatásokat végrehajtsa, meg kell tennie hozzon létre egy hozzárendelési üzenetet amely a korábbi elkötelezettség óta végzett módosításokat írja le.

Mint példánkban, ez lesz a kezdeti elkötelezettség, használjuk a feltűnő “Kezdeti kötelezettség” üzenet. Írja be a végrehajtási üzenetet bemeneti sávba az oldalsáv tetején, és kattintson a gombra a kis pipa ikonra. Most már készen áll az első elkötelezettséggel, a tároló kezdeti állapotát rögzíti.

A Git munkakönyvtár tiszta, minden eddig elvégzett változtatás nyomon követhető, és a Git View azt mondja, hogy 0 változás van (mindig összehasonlítva az utolsó elkötelezettségével). Ha új változtatásokat hajt végre a munkaterületen, az új módosítások ismét megjelennek az oldalsávban, és szükséged lesz rá kötelezzék őket újra miután elérték azt az összeget, amit érdemes elkötelezni.

Az alábbi képernyőképen láthatja, hogy a kódszerkesztőnek hogyan kell kinéznie az elkövetés után.

Kövesse a változásokat

Ha folytatja a munkáját, ha nem biztos abban, hogy az aktuális verzió hogyan hasonlítja össze az utolsó elkötelezettségével, gyorsan ellenőrizheti a különbségeket. A Git nézetben csak akkor kell kattintson duplán az elemezni kívánt fájlra, és a VS-kód egymás mellett mutatja az aktuális és az előző verziókat, így lehet gyorsan összehasonlítani őket.

A következő változásokról beszélve fontos, hogy a Visual Studio Code-ról is tudjon ereszcsatorna indikátorok hogy a változásokat a korábbi elkötelezettségéhez képest megjegyezzük, még akkor is, ha az oldalnézet nem nyitott. A VS kód használata 3 fajta ereszcsatorna-indikátor:

1. egy piros háromszög minden sor törléséhez
2. egy zöld sáv minden sorhoz
3. egy kék sáv minden sor módosításához

Fiókok létrehozása

Git lehetővé teszi munka különböző ágakon ugyanabban az időben. Ez nemcsak az új megoldások kísérletezésére alkalmas, hanem jelentősen megkönnyíti a csapatmunka munkáját, ahol a fejlesztők különböző ágakon dolgozhatnak (azonban ez nem kötelező, mivel ugyanazon ágon is maradhatnak).

A Visual Studio kódban megteheti új ágak létrehozása megnyitva a Quick Open palettát a Ctrl + P megnyomásával (Cmd + P a Macen), majd gépelje be a git ág parancsot a bemeneti sávba. Az új ág nevét is hozzá kell adnia a parancs végéhez.

Ahogy a példánkban az új ág neve lesz teszt-ág, Én használom git ág teszt-ág parancsot, de bármilyen más nevet is használhat. Az állapotsor bal oldalán (kék képernyő a képernyő alján) mindig gyorsan ellenőrizheti, hogy melyik ágat dolgozik jelenleg. Az alábbi képernyőképen láthatjuk, hogy jelenleg az fő- ág.

Pénztárak

Nak nek váltás az ágak között, típus git checkout a gyors megnyitó palettába (Ctrl + P / Cmd + P), és választhat az elérhető fiókok közül. Az alábbi képernyőn látható az aktuális fiókban lévő állapotjelző sáv teszt (Ezután létrehoztam teszt-ág), és ha egy másik ágra akarok költözni, akkor most az egyikből választhatok fő- és teszt-ág ágak.

Használja a Git parancsokat a parancssorból

A Git parancsokat a Command Palette (F1 a Windows és Linux, Shift + Cmd + P Mac-on) elérheti. Nem kell mást tennie, csak írja be a parancsot csoportos it a Parancspalettán belül, és a rendelkezésre álló parancsok legördülő listáját kapja, amiket gyorsan választhat.

Speciális Git műveletek

Eddig megvizsgáltuk, hogyan használhatjuk a Visual Studio Code alapvető Git műveleteit a munkánk nyomon követésére. A VS Studio Code továbbfejlesztette a Git funkciókat, például a távoli tárolók kezelését, a konfliktusok egyesítését, és a VS kódot akár külső Git szerkesztővé is konfigurálhatja.

A Visual Studio Code Marketplace Githez kapcsolódó kiterjesztéseket is tartalmaz, amelyek a Git munkafolyamatát még professzionálisabbá tehetik.

Én magam is megállapítottam, hogy a Git History kiterjesztése nagyon hasznos, mivel lehetővé teszi, hogy gyorsan megnézzük az egyes elkötelezettségek részleteit, és hasonlítsunk össze két korábbi elkötelezettséget egymás mellett. A Git History kiterjesztéséről az előző cikkemről is olvashat a VS kód kiterjesztésekről a front-end fejlesztők számára.