pierwsze kroki z Visual Studio Codespaces-Cloud IDE

webowe IDE Visual Studio Codespaces (dawniej Visual Studio Online / VSO) jest już dostępne do użycia. Oparty na popularnym edytorze kodu Visual Studio, oferuje znajomą atmosferę i przestrzeń roboczą do pisania i pracy z kodem źródłowym.. Oferuje to również rozszerzalność obsługi rozszerzeń kodu Visual Studio, chociaż w tej chwili nie wiemy, ile i które rozszerzenia VS Kod będą obsługiwane.



Tworzenie pierwszej przestrzeni kodowej Visual Studio & Plan rozliczeniowy

oto przegląd logowania do przestrzeni kodowych Visual Studio (IDE oparte na chmurze firmy Microsoft) i rozpoczęcia korzystania z narzędzi.

  1. zacznij od otwarcia przeglądarki internetowej i przejścia do https://online.visualstudio.com
  2. po zalogowaniu, po raz pierwszy, zobaczysz ekran pokazujący, że nie masz żadnych środowisk, z przyciskiem Utwórz przestrzeń kodową.
    Wprowadzenie do przestrzeni kodowych Visual Studio-Cloud IDE 1
  3. kliknij przycisk Utwórz przestrzeń kodową.
  4. spowoduje to otwarcie panelu utwórz Plan rozliczeniowy. Zostanie to wykorzystane do określenia nowego planu rozliczeniowego przestrzeni kodowych programu Visual Studio do utworzenia w ramach subskrypcji platformy Azure.
    Wprowadzenie do przestrzeni kodowych Visual Studio - Cloud IDE 2
    w tym okienku określ następujące wartości:
    • Subskrypcja: wybierz subskrypcję platformy Azure, do której dostęp ma twój login, w której chcesz utworzyć nowy Plan rozliczeniowy.
    • lokalizacja: Wybierz Region platformy Azure, aby hostować Plan rozliczeniowy.
  5. opcjonalnie możesz rozwinąć Opcje zaawansowane, aby wyświetlić następującą konfigurację:
    • Nazwa planu: Określ nazwę planu rozliczeniowego, który ma zostać utworzony w ramach subskrypcji platformy Azure.
    • Grupa zasobów: Określ nazwę grupy zasobów, w której zostanie umieszczony nowy Plan rozliczeniowy.
  6. wprowadź żądane wartości, a następnie kliknij Utwórz.
  7. po nowo utworzonym planie rozliczeniowym automatycznie otworzy panel Utwórz przestrzeń kodową.
  8. aby utworzyć pierwszą przestrzeń kodową, wypełnij wymagane wartości, a następnie kliknij Utwórz. Możesz użyć następujących wartości, aby spróbować po raz pierwszy.
    • Nazwa przestrzeni kodowej: Określa nazwę nowej przestrzeni kodowej. Powinieneś użyć nazwy, która przypomina projekt lub zadanie, do którego będziesz używać tego środowiska.
    • repozytorium Git: Opcjonalnie, określ repozytorium Git dla tej przestrzeni kodowej do klonowania. Można to określić w dwóch różnych formatach:
      • URL projektu GitHub: możesz określić pełny adres URL strony głównej projektu GitHub. Takich jak https://github.com/build5nines/az-kung-fu.
      • krótki formularz GitHub: możesz określić nazwę repozytorium GitHub w formacie organization/repo, na przykład build5nines/az-kung-fu.
    • Typ wystąpienia: Określ rdzeń PROCESORA i konfigurację pamięci, które będą przewidziane dla przestrzeni kodowej programu Visual Studio.
    • Suspend Idle Codespace after…: określa czas, przez jaki przestrzeń kodowa zostanie automatycznie zawieszona, gdy nie jest używana.
      Wprowadzenie do przestrzeni kodowych Visual Studio-Cloud IDE 3
  9. przestrzeń kodowa Visual Studio, która została właśnie utworzona, zostanie teraz otwarta dla internetowego edytora kodu / IDE.

pierwsze kroki z Visual Studio Codespaces-Cloud IDE 4
zrzut ekranu: Visual Studio Codespaces IDE


Edycja, zatwierdzanie, zmiany kodu synchronizacji przy użyciu przestrzeni kodowych Visual Studio

oto przegląd otwierania edytora przestrzeni kodowych Visual Studio, wprowadzania zmian w kodzie i zatwierdzania tych zmian z powrotem do repozytorium GitHub dla przestrzeni kodowej.

  1. w panelu obszaru roboczego po lewej stronie ekranu kliknij plik w projekcie, aby otworzyć go w edytorze.

     Visual Studio Codespaces-edytor internetowy

    Visual Studio Codespaces-edytor internetowy
  2. wprowadź zmiany w pliku, a następnie zapisz je, klikając menu hamburgera w lewym górnym rogu i wybierając Plik, a następnie zapisz.

    Przestrzenie Kodowe Visual Studio-Menu Zapisu Pliku

    Visual Studio Codespaces-Menu Zapisu Pliku

    Uwaga: Możesz zobaczyć, że istnieje kilka opcji menu dostępnych w edytorze przestrzeni kodowej Visual Studio i że jest to ten sam styl VS kod, który pokochałeś.

  3. aby zatwierdzić zmiany w “lokalnym” repozytorium Git Visual Studio online (które zostało sklonowane z GitHub), kliknij kartę Kontrola źródła po lewej stronie okna, a następnie użyj interfejsu użytkownika, aby dodać zmiany i zatwierdzić je.

    przestrzenie kodowe Visual Studio-Karta kontroli źródła

    przestrzenie kodowe Visual Studio-Karta kontroli źródła
  4. po zatwierdzeniu zmian możesz zsynchronizować je z repozytorium GitHub, klikając elipsę (…) w karcie Kontrola źródła, a następnie wybierając opcję Synchronizuj.

    przestrzenie kodowe Visual Studio - Karta kontroli źródła-Menu synchronizacji

    przestrzenie kodowe Visual Studio - Karta kontroli źródła-Menu synchronizacji
  5. zostaniesz poproszony o potwierdzenie, że chcesz “push and pull commits to and from ‘origin / master'”. Kliknij OK, aby kontynuować operację synchronizacji.

    przestrzenie kodowe Visual Studio-Potwierdź synchronizację

    przestrzenie kodowe Visual Studio-Potwierdź synchronizację
  6. za pierwszym razem, gdy to zrobisz, Visual Studio Online otworzy nową kartę przeglądarki na stronie autoryzacji GitHub, dzięki czemu możesz autoryzować przestrzenie kodowe Visual Studio z niezbędnymi uprawnieniami, których potrzebuje na GitHub dla Twojego konta.

    przestrzenie kodowe Visual Studio pytają o uprawnienia GitHub

    przestrzenie kodowe Visual Studio pytają o uprawnienia GitHub
  7. kliknięcie przycisku Autoryzuj autoryzuje przestrzenie kodowe Visual Studio, aby uzyskać dostęp do konta GitHub.

  8. po autoryzacji przestrzeni kodowych Visual Studio zakończy operację synchronizacji z repozytorium GitHub. Możesz teraz przejść do GitHub, aby zobaczyć, że commit został rzeczywiście zsynchronizowany.


instalowanie rozszerzeń w przestrzeni kodowej Visual Studio

internetowy edytor przestrzeni kodowej Visual Studio jest zbudowany na bazie kodu Visual Studio (VS Code). W związku z tym udostępnia wiele rzeczy, w tym znajomy interfejs użytkownika / doświadczenie i możliwość instalowania rozszerzeń kodu VS. Pozwala to zasadniczo korzystać z tego samego edytora kodu VS z rozszerzeniami zainstalowanymi w przeglądarce internetowej, na dowolnym urządzeniu!

możesz zainstalować rozszerzenie w przestrzeni kodowej Visual Studio w taki sam sposób, jak instalowanie rozszerzeń w kodzie VS.

  1. Otwórz kartę Rozszerzenia, klikając ikonę po lewej stronie edytora
  2. Wyszukaj i znajdź wybrane rozszerzenia.
  3. kliknij przycisk Zainstaluj rozszerzenie, aby zainstalować je w edytorze przestrzeni kodowych Visual Studio.
pierwsze kroki z Visual Studio Codespaces-Cloud IDE 5
zrzut ekranu: Instalowanie rozszerzeń w Visual Studio Codespaces IDE


zasoby przestrzeni kodowych programu Visual Studio w subskrypcji platformy Azure

podczas tworzenia planu rozliczeniowego przestrzeni kodowych programu Visual Studio plan ten jest rozliczany z subskrypcją platformy Azure. Oznacza to, że Plan rozliczeniowy jest tworzony w ramach subskrypcji platformy Azure i znajduje się obok wszystkich innych zasobów platformy Azure.

  • pierwsze kroki z przestrzeniami kodowymi Visual Studio-Plan rozliczeniowy Cloud IDE 6
    VS Codespaces na platformie Azure
  • pierwsze kroki z Visual Studio Codespaces-Cloud IDE 7
    VS Plan rozliczeniowy Codespaces w grupie zasobów


Wrap Up

jak widać przestrzenie kodowe Visual Studio (dawniej Visual Studio Online) są dość łatwe do rozpoczęcia. Ponadto korzystanie z interfejsu użytkownika Visual Studio Code IDE i doświadczenia sprawia, że edytor VS Codespaces jest znany w użyciu. Możesz nawet zainstalować rozszerzenia w przestrzeni kodowej Visual Studio!

Szczęśliwego kodowania!

P. S. pierwotnie ogłoszone w maju 2019 jako Visual Studio Online (VSO), to niesamowite, aby w końcu uzyskać publiczny dostęp do przestrzeni kodowych Visual Studio i móc zacząć testować / używać ich.

o autorze

Microsoft MVP

Chris jest założycielem Build5Nines.com i Microsoft MVP na platformie Azure & IoT z 20-letnim doświadczeniem w projektowaniu i budowaniu systemów korporacyjnych w chmurze &. Jest również certyfikowanym przez Microsoft architektem rozwiązań Azure, programistą, certyfikowanym trenerem Microsoft (MCT) i adwokatem chmury. Ma pasję do technologii i dzielenia się tym, czego uczy się z innymi, aby pomóc im uczyć się szybciej i być bardziej produktywnym.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.