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 + + P.
2. Na palecie poleceń wprowadź gitcl, wybierz polecenie Git: Clone, a następnie wybierz opcję Clone from 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ź 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/<ACCOUNT>/<REPOSITORY>
   

3. Otwórz w programie Visual Studio Code:

   code <REPOSITORY>
   

Program Visual Studio Code używa uwierzytelniania Git dostarczanego przez system operacyjny (na przykład KeyChain systemu macOS lub Menedżera poświadczeń systemu Windows) z każdą funkcją Git. Wynik jest widoczny w Palecie poleceń > Git: Pokaż wynik Git.

Nawiązywanie połączenia z niestandardowymi domenami usługi GitHub

Domyślnie program Visual Studio Code zakłada, że repozytoria są hostowane w github.com. Jeśli musisz nawiązać połączenie z repozytorium w innej domenie (na przykład w usłudze GitHub przedsiębiorstwa, np. github.<company_name>.com), musisz odpowiednio skonfigurować ścieżkę usługi Git.

Aby zaktualizować ścieżkę git w programie VS Code, otwórz Plik → Preferencje → Ustawienia i wyszukaj Git: Path. To ustawienie umożliwia określenie ścieżki bezwzględnej do pliku wykonywalnego Git, który działa z Twoją niestandardową domeną GitHub.

Alternatywnie możesz dodać lub zaktualizować ustawienie git.path bezpośrednio w pliku settings.json, aby upewnić się, że program VS Code używa poprawnego pliku binarnego Git dla wszystkich operacji repozytorium.

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 podfolder .git i wyświetla odpowiednie informacje.

Pasek działań

1. Naciśnij Ctrl + + 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 + + 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 nową instancję programu Visual Studio Code w 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 + + 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 + + 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 swój folder za pomocą następującego polecenia git:

   git init
   

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

Utwórz gałąź na potrzeby 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 Zarządzanie wersjami.
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 + + P.

2. Wyszukaj git branch i wybierz 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
   

Zatwierdź zmiany lokalnie

Po wprowadzeniu zmian w plikach 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 + + P.
2. W palecie poleceń filtruj za pomocą Git, a następnie wybierz 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"
   

Wypchnij lokalną gałąź na GitHub

Pasek działań

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

Pasek stanu

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

   

2. Wybierz zdalną nazwę z okienka wyskakującego. 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 + + P.
2. W palecie poleceń filtruj za pomocą Git, a następnie wybierz Push.
3. Jeśli masz wiele zdalnych nadrzędnych serwerów, wybierz nazwę zdalną, a następnie naciśnij Wprowadź.

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

Dane wyjściowe poleceń usługi Git można wyświetlić podczas korzystania z rozszerzenia kontroli źródła. Te dane wyjściowe pomagają debugować, gdy polecenie zakończy się niepowodzeniem.

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

2. Wybierz wielokropek (...), następnie wybierz Pokaż dane wyjściowe Git.

   

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

Korzystanie z repozytorium w Visual Studio Code wymaga użycia oddzielnych narzędzi.

Ikona	Informacja	Dostęp z
	Polecenia Git w palecie poleceń	F1
	Rozszerzenie kontroli źródła	Pasek aktywności
	Rozszerzenie GitHub Pull Requests i Issues	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