Ćwiczenie — używanie programu Visual Studio Code dla sieci Web

  • 2 min

Przed rozpoczęciem kodowania w podróży należy zapoznać się z programem Visual Studio Code dla sieci Web po raz pierwszy.

W tym ćwiczeniu zapoznasz się z programem VS Code dla interfejsu internetowego i przećwicz instalowanie rozszerzenia.

Najpierw zapoznasz się z interfejsem programu VS Code dla sieci Web.

  1. W przeglądarce przejdź do strony https://vscode.dev

  2. Środowisko w przeglądarce wygląda podobnie do środowiska programu VS Code Desktop. Na przykład masz obszar edytora, paletę poleceń i kilka widoków, takich jak Eksplorator kontroli źródła i rozszerzenia, na pasku bocznym. Ten interfejs zapewnia spójne środowisko pracy w przeglądarce.

    Zrzut ekranu przedstawiający stronę docelową vscode.dev.

Instalowanie rozszerzenia

Teraz możesz dostosować program VS Code dla sieci Web, instalując rozszerzenie.

  1. Na pasku bocznym kliknij widok Rozszerzenia.

    Zrzut ekranu przedstawiający ikonę widoku rozszerzenia na pasku działań programu VS Code.

  2. W tym miejscu możesz zobaczyć, jakie rozszerzenia są już zainstalowane, i przeglądać inne rozszerzenia.

  3. Spróbuj zainstalować rozszerzenie Motyw usługi GitHub, wyszukując frazę "motyw github"

  4. Wybierz rozszerzenie Motyw usługi GitHub, a następnie kliknij pozycję "Zainstaluj".

    Zrzut ekranu przedstawiający rozszerzenie motywu usługi GitHub w programie VS Code z wyróżnionym polem wyszukiwania i przyciskiem Zainstaluj.

  5. Zwróć uwagę, jak szybko rozszerzenie jest zainstalowane— wszystko w przeglądarce!

Dobra robota! Ukończono początkową nawigację po programie VS Code dla sieci Web. Chociaż może to być pierwszy raz, kiedy kiedykolwiek przeglądano element https://vscode.dev, powinien wyglądać znajomo, jeśli używasz programu VS Code Desktop.

W następnej sekcji dowiesz się, jak pracować z repozytoriami zdalnymi w programie VS Code dla sieci Web.