Ćwiczenie — eksplorowanie synchronizacji ustawień

Ukończone

W tym ćwiczeniu włączysz synchronizację ustawień i dowiesz się, jak zarządzać zsynchronizowanych danymi i przywracać ustawienia na nowej maszynie.

Możliwość synchronizacji ustawień jest ważna w scenariuszach programowania zdalnego, ponieważ podczas nawiązywania połączenia ze środowiskiem zdalnym konfiguracja programu VS Code różni się od konfiguracji komputera lokalnego. W przypadku korzystania z synchronizacji ustawień można łatwo przywrócić ustawienia do środowiska zdalnego.

Włączanie synchronizacji ustawień

  1. Wybierz ikonę profilu, a następnie wybierz pozycję Ustawienia kopii zapasowej i synchronizacji.

    Zrzut ekranu przedstawiający polecenie menu Ustawienia kopii zapasowej i synchronizacji w programie Visual Studio Code.

  2. W oknie dialogowym Synchronizacja ustawień zaakceptuj opcje domyślne i wybierz pozycję Zaloguj.

  3. Wybierz pozycję GitHub lub Microsoft jako dostawcę konta, a następnie zaloguj się przy użyciu poświadczeń konta.

  4. Ukończ przepływ autoryzacji, aby w pełni zalogować się do pozycji Synchronizacja ustawień w programie VS Code.

Wyświetlanie zsynchronizowanych danych

  1. Otwórz paletę poleceń, wybierając F1, a następnie wybierz pozycję Synchronizacja ustawień: Pokaż zsynchronizowane dane.

  2. Upewnij się, że możesz zobaczyć każdą grupę ustawień, które miały dostosowania na maszynie. Możesz również zobaczyć, kiedy po raz ostatni wszystkie te ustawienia zostały zsynchronizowane z chmurą.

    Zrzut ekranu przedstawiający widok aktywności synchronizacji ustawień w programie Visual Studio Code.

Innym sposobem wyświetlenia stanu synchronizacji ustawień jest wyświetlenie dziennika synchronizacji ustawień.

Wprowadzanie zmian w ustawieniach

  1. Otwórz ustawienia użytkownika, wybierając pozycję Preferencje: Otwórz ustawienia użytkownika w palecie poleceń.

  2. W polu wyszukiwania wprowadź pasek aktywności.

  3. Zmień ustawienie Pasek działania aplikacji Workbench > : lokalizacja na górę.

    Zrzut ekranu przedstawiający opcje lokalizacji paska działań w ustawieniach programu Visual Studio Code.

  4. Upewnij się, że pasek aktywności jest wyświetlany w górnej części paska bocznego, a nie obok niego.

    Zrzut ekranu przedstawiający pasek działań znajdujący się w górnej części paska bocznego w programie Visual Studio Code.

  5. Wybierz ikonę Rozszerzenia na pasku działań.

    Zrzut ekranu przedstawiający ikonę Rozszerzenia na pasku działań w programie Visual Studio Code.

  6. Wyszukaj i zainstaluj rozszerzenie Dev Containers.

Ustawienia synchronizacji

Domyślnie program VS Code automatycznie synchronizuje ustawienia za każdym razem, gdy wprowadzasz zmiany konfiguracji. Można jednak ręcznie zsynchronizować ustawienia w dowolnym momencie.

Otwórz paletę poleceń, wybierając F1, a następnie wybierz pozycję Synchronizacja ustawień: Synchronizuj teraz.

To polecenie synchronizuje ustawienia z chmurą. Możesz sprawdzić, czy ustawienia zostały zsynchronizowane, otwierając ponownie widok działania Synchronizacja ustawień.

Zrzut ekranu przedstawiający widok aktywności synchronizacji ustawień w programie VS Code z wyróżnionymi folderami Rozszerzenia i Stanu interfejsu użytkownika.

Przywracanie ustawień na nowej maszynie

W tej sekcji przywracasz ustawienia na nowej maszynie. W tym ćwiczeniu użyjesz programu Visual Studio Code dla sieci Web (vscode.dev). To bezpłatne, zerowe środowisko programu VS Code działa całkowicie w przeglądarce, dzięki czemu można szybko i bezpiecznie przeglądać repozytoria kodu źródłowego i wprowadzać lekkie zmiany kodu. Aby dowiedzieć się więcej na temat programu VS Code dla sieci Web, zobacz dokumentację.

Ponieważ program VS Code dla sieci Web jest uproszczonym środowiskiem, którego można użyć do szybkiego edytowania plików w przeglądarce, nie wszystkie rozszerzenia działają w tym środowisku.

  1. Otwórz nową kartę przeglądarki i przejdź do witryny vscode.dev.
  2. Wybierz ikonę profilu, a następnie wybierz pozycję Ustawienia kopii zapasowej i synchronizacji.
  3. W oknie dialogowym Synchronizacja ustawień zaakceptuj opcje domyślne i wybierz pozycję Zaloguj.
  4. Wybierz pozycję GitHub lub Microsoft jako dostawcę konta, a następnie zaloguj się przy użyciu poświadczeń konta.
  5. Ukończ przepływ autoryzacji, aby w pełni zalogować się do pozycji Synchronizacja ustawień w programie VS Code.

Edytor jest teraz skonfigurowany z tymi samymi ustawieniami co maszyna lokalna. Możesz sprawdzić, czy ustawienia są synchronizowane, otwierając ponownie widok działania Synchronizacja ustawień. Zwróć uwagę, że profil utworzony w poprzednim ćwiczeniu jest teraz dostępny w edytorze opartym na przeglądarce.

W tym ćwiczeniu przedstawiono sposób włączania synchronizacji ustawień i przywracania ustawień na nowej maszynie. W następnym ćwiczeniu dowiesz się, jak połączyć środowiska zdalne dla dostosowanego środowiska programowania zdalnego.