Klonowanie i używanie repozytorium GitHub w programie Visual Studio Code

Dowiedz się, jak sklonować repozytorium publiczne z usługi GitHub na komputer lokalny przy użyciu programu Visual Studio Code.

Otwieranie repozytorium zdalnego

Otwórz repozytorium zdalne na komputerze lokalnym.

Pasek działań

1. Instalowanie rozszerzenia repozytorium zdalnego
2. Wybierz wskaźnik zdalny w lewym dolnym rogu programu Visual Studio Code.
3. Postępuj zgodnie z monitami.

Pasek stanu

Ta akcja nie jest dostępna w tej funkcji. Wybierz inną kartę.

Paleta poleceń

1. Otwórz paletę poleceń za pomocą kombinacji Ctrl + Shift + P.
2. W wierszu polecenia wprowadź ciąg gitcl, wybierz polecenie Git: Clone (Git: Klonuj ), a następnie wybierz pozycję Clone from GitHub (Klonuj z usługi GitHub ) i naciśnij Enter.
3. Po wyświetleniu monitu o adres URL repozytorium wybierz pozycję klonuj w witrynie GitHub, a następnie naciśnij Enter.
4. Jeśli zostanie wyświetlony monit o zalogowanie się do usługi GitHub, ukończ proces logowania.
5. Wprowadź ciąg azure-samples/js-e2e-express-server w polu Adres URL repozytorium.
6. Wybierz (lub utwórz) katalog lokalny, w którym chcesz sklonować projekt, a następnie wybierz pozycję Wybierz jako miejsce docelowe repozytorium.
7. Po otrzymaniu powiadomienia z pytaniem, czy chcesz otworzyć sklonowane repozytorium, wybierz pozycję Otwórz.

Zintegrowany terminal

1. Otwórz zintegrowany terminal z terminalu —> nowy terminal.

2. Sklonuj repozytorium za pomocą następującego polecenia git:

   git clone https://github.com/YOUR-NAME-OR-ORGANIZATION/YOUR-REPO-NAME
   

3. Otwórz w programie Visual Studio Code:

   code YOUR-REPO-NAME
   

Program Visual Studio Code używa uwierzytelniania Git dostarczonego przez system operacyjny (na przykład keyChain systemu macOS lub Menedżera poświadczeń systemu Windows) z dowolną funkcją git. Dane wyjściowe są widoczne w narzędziu Git Palette > poleceń: Pokaż dane wyjściowe usługi Git.

Otwieranie repozytorium lokalnego

Jeśli masz istniejące repozytorium na komputerze lokalnym i chcesz go otworzyć w programie Visual Studio Code, po prostu otwórz folder. Program Visual Studio Code rozpoznaje .git podfolder i wyświetla odpowiednie informacje.

Pasek działań

1. Naciśnij Ctrl + K + O.
2. Wybierz folder.

Pasek stanu

Ta akcja nie jest dostępna w tej funkcji. Wybierz inną kartę.

Paleta poleceń

1. Otwórz paletę poleceń za pomocą kombinacji Ctrl + Shift + P.
2. Filtruj za pomocą polecenia Git, a następnie wybierz pozycję Open repository.
3. Wybierz folder, który ma być wybrany jako katalog główny repozytorium.

Zintegrowany terminal

1. Otwórz zintegrowany terminal z terminalu —> nowy terminal.

2. Otwórz nowe wystąpienie programu Visual Studio Code dla katalogu repozytorium:

   code ../dir1/dir2/my-repo
   

Inicjowanie nowego repozytorium

Poniższa procedura umożliwia utworzenie lokalnego repozytorium kodu źródłowego za pomocą polecenia git.

Pasek działań

1. Wybierz kontrolkę źródła na pasku działań lub użyj kombinacji Ctrl + Shift + G.

2. Wybierz pozycję Zainicjuj repozytorium.

   

Pasek stanu

Ta akcja nie jest dostępna w tej funkcji. Wybierz inną kartę.

Paleta poleceń

1. Otwórz paletę poleceń za pomocą kombinacji Ctrl + Shift + P.
2. Filtruj za pomocą polecenia Git, a następnie wybierz pozycję Initialize repository.
3. Wybierz folder, który ma być wybrany jako katalog główny repozytorium.

Zintegrowany terminal

1. Otwórz zintegrowany terminal z terminalu —> nowy terminal.

2. Zainicjuj folder za pomocą następującego polecenia git:

   git init
   

Po zainicjowaniu repozytorium utwórz repozytorium w usłudze GitHub. Następnie dodaj to repozytorium jako zdalne do projektu lokalnego z palety poleceń: wyszukaj ciąg Git: Add remote.

Tworzenie gałęzi pod kątem zmian

Utwórz nową gałąź, aby przechwycić zmiany i odizolować od gałęzi głównej lub domyślnej.

Pasek działań

1. Wybierz pozycję Kontrola źródła na pasku działań.
2. Wybierz wielokropek (...) obok pozycji Kontrola źródła.
3. Wybierz pozycję Gałąź ->Utwórz gałąź.

Pasek stanu

1. Wybierz nazwę gałęzi na pasku stanu. Spowoduje to otwarcie palety poleceń.

   Pasek stanu znajduje się w dolnej części programu Visual Studio Code.

2. W palecie poleceń wybierz pozycję +Utwórz nową gałąź.

3. Wprowadź nazwę nowej gałęzi.

4. Wprowadź nową nazwę gałęzi. Nazwa gałęzi jest widoczna na pasku stanu.

   

Paleta poleceń

1. Otwórz paletę poleceń za pomocą kombinacji Ctrl + Shift + P.

2. git branch Wyszukaj i wybierz pozycję Git: Create Branch.

   

3. Wprowadź nową nazwę gałęzi, taką jak test.

4. Nazwa gałęzi jest widoczna na pasku stanu.

   

Zintegrowany terminal

1. Otwórz zintegrowany terminal z terminalu —> nowy terminal.

2. Utwórz nową gałąź o nazwie MY-BRANCH za pomocą następującego polecenia git:

   git checkout -b MY-BRANCH
   

Zatwierdzanie zmian lokalnie

Po wprowadzeniu zmian w gałęzi zatwierdź zmiany.

Pasek działań

1. Wybierz pozycję Kontrola źródła na pasku działań.

2. Wprowadź komunikat zatwierdzenia, a następnie wybierz pozycję Zatwierdź.

   

Pasek stanu

Ta akcja nie jest dostępna w tej funkcji. Wybierz inną kartę.

Paleta poleceń

1. Otwórz paletę poleceń za pomocą kombinacji Ctrl + Shift + P.
2. W palecie poleceń filtruj za pomocą Git polecenia, a następnie wybierz pozycję Commit.
3. Wprowadź komunikat zatwierdzenia, a następnie naciśnij Enter.

Zintegrowany terminal

1. Otwórz zintegrowany terminal z terminalu —> nowy terminal.

2. Utwórz nową gałąź o nazwie MY-BRANCH za pomocą następującego polecenia git:

   git commit -m "YOUR COMMIT MESSAGE"
   

Wypychanie gałęzi lokalnej do usługi GitHub

Pasek działań

1. Wybierz ikonę Kontrola źródła na pasku działań.
2. Wybierz pozycję Publikuj gałąź. Jeśli repozytorium nie istnieje w usłudze GitHub, zostanie utworzone repozytorium.

Pasek stanu

1. Na pasku stanu programu Visual Studio Code wybierz ikonę wypychania po prawej stronie nazwy gałęzi.

   

2. Wybierz nazwę zdalną w oknie podręcznym. Jeśli masz tylko jedno zdalne, nie zostanie wyświetlony monit o wybranie nazwy zdalnej.

Paleta poleceń

1. Otwórz paletę poleceń za pomocą kombinacji Ctrl + Shift + P.
2. W palecie poleceń filtruj za pomocą Git polecenia, a następnie wybierz pozycję Push.
3. Jeśli masz wiele zdalnych nadrzędnych serwerów, wybierz zdalne, a następnie naciśnij Enter.

Zintegrowany terminal

1. Otwórz zintegrowany terminal z terminalu —> nowy terminal.

2. Utwórz nową gałąź o nazwie MY-BRANCH za pomocą następującego polecenia git:

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

Wyświetlanie danych wyjściowych usługi Git

Polecenia usługi Git można wyświetlić podczas korzystania z rozszerzenia kontroli źródła. Pomaga to debugować, gdy polecenie zakończy się niepowodzeniem.

1. Wybierz ikonę Kontrola źródła na pasku działań.

2. Wybierz wielokropek (...) i wybierz pozycję Pokaż dane wyjściowe usługi Git.

   

Narzędzia programu Visual Studio Code do pracy z usługami Git i GitHub

Praca w programie Visual Studio Code z repozytorium używa oddzielnych narzędzi.

Ikona	Informacja	Dostęp z
	Polecenia usługi Git w palecie poleceń	F1
	Rozszerzenie kontroli źródła	Pasek działań
	Rozszerzenie GitHub Pull Requests and Issues (Żądania ściągnięcia w usłudze GitHub i problemy)	Pasek działań
	Rozszerzenie repozytoriów GitHub	Możesz szybko i łatwo otworzyć repozytorium GitHub, wyszukując repozytoria GitHub: Otwórz repozytorium... z palety poleceń F1 lub wybierając pozycję Otwórz repozytorium GitHub... ze wskaźnika zdalnego (zielony przycisk w lewym dolnym rogu paska stanu).

Powiązane zasoby

• Jak wdrożyć aplikację internetową
• Praca z usługą GitHub w programie Visual Studio Code
• Używanie programu Visual Studio Code z innymi dostawcami kontroli wersji