Ćwiczenie — konfigurowanie narzędzia GitHub Copilot do pracy z programem Visual Studio Code

Ukończone

W tym ćwiczeniu utworzymy nowe repozytorium przy użyciu szablonu usługi GitHub dla osobistej aplikacji internetowej frontonu portfela JavaScript.

Jak skonfigurować narzędzie GitHub Copilot

Aby użyć narzędzia GitHub Copilot, należy wykonać następujące czynności:

1. Konto usługi GitHub:

   • Utwórz konto usługi GitHub. Ponieważ Copilot jest usługą GitHub, do korzystania z niej potrzebne jest konto usługi GitHub. Jeśli nie masz konta, odwiedź stronę internetową usługi GitHub , aby utworzyć je bezpłatnie.

2. Zarejestruj się i włącz narzędzie GitHub Copilot:

   • Możesz skonfigurować bezpłatne konto usługi GitHub Copilot lub zarejestrować się w celu uzyskania subskrypcji w wersji próbnej GitHub Copilot Pro z jednorazową wersją próbną 30-dniową. Dla celów szkoleniowych opcja Copilot Free z limitami użycia powinna być wystarczająca.
   • Ważne jest, aby pamiętać o warunkach bezpłatnej wersji próbnej w usłudze GitHub Copilot: jeśli wybierzesz ofertę bezpłatnej wersji próbnej usługi GitHub Copilot, podczas rejestracji zostanie zażądana forma płatności. Opłaty nie są naliczane aż do zakończenia okresu próbnego, chyba że anulujesz przed końcem 30-dniowego okresu.

Wskazówka

GitHub Copilot oferuje bezpłatną wersję z 2000 autouzupełnień kodu i 50 wiadomości czatu miesięcznie. Aby rozpocząć, otwórz program Visual Studio Code, kliknij ikonę GitHub Copilot, a następnie kliknij pozycję "Zaloguj się, aby bezpłatnie użyć narzędzia GitHub Copilot". Zaloguj się do swojego konta usługi GitHub w oknie, które zostanie otwarte w przeglądarce. Dowiedz się więcej. Nauczyciele, uczniowie i opiekunowie projektów open-source mogą bezpłatnie otrzymywać Copilot Pro, dowiedz się, jak: https://aka.ms/Copilot4Students.

3. Zainstaluj rozszerzenie:
   • GitHub Copilot jest dostępny jako rozszerzenie dla głównych środowisk IDE, w tym Visual Studio, Visual Studio Code, JetBrains IDEs, VIM i XCode.
   • Aby zainstalować, wyszukaj "GitHub Copilot" w rynku rozszerzeń IDE i postępuj zgodnie z instrukcjami. Na przykład w witrynie marketplace programu VS Code znajdziesz narzędzie GitHub Copilot, GitHub Copilot Chat i GitHub Copilot dla platformy Azure jako opcje instalacji.

Konfiguracja środowiska

Najpierw należy uruchomić środowisko Codespaces, które jest wstępnie skonfigurowane z rozszerzeniem GitHub Copilot.

1. Wybierz poniższy przycisk, aby otworzyć środowisko Codespace ze wstępnie skonfigurowanym środowiskiem.

   

2. Na stronie Tworzenie przestrzeni kodu przejrzyj ustawienia konfiguracji przestrzeni kodu, a następnie wybierz pozycję Utwórz nową przestrzeń kodu

3. Poczekaj na uruchomienie przestrzeni kodu. Ten proces uruchamiania może potrwać kilka minut.

4. Pozostałe ćwiczenia w tym projekcie mają miejsce w kontekście tego kontenera deweloperskiego.

Ważne

Wszystkie konta usługi GitHub mogą korzystać z usługi Codespaces przez maksymalnie 60 godzin bezpłatnych każdego miesiąca z dwoma podstawowymi wystąpieniami. Aby uzyskać więcej informacji, zobacz GitHub Codespaces monthly included storage and core hours (Miesięczne miejsca do magazynowania i godzin rdzeni usługi GitHub Codespaces).

Portfolio języka JavaScript

Po zakończeniu program Codespaces ładuje się sekcją terminalu u dołu. Usługa Codespaces instaluje wszystkie wymagane rozszerzenia i zależności w kontenerze. Po zakończeniu ten szablon jest skonfigurowany do uruchamiania npm start aplikacji internetowej w usłudze Codespace.

Po pomyślnym uruchomieniu aplikacji internetowej w terminalu zostanie wyświetlony komunikat informujący o tym, że serwer jest uruchomiony na porcie 1234 w środowisku Codespace.