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
- Edycja, zatwierdzanie, zmiany kodu synchronizacji przy użyciu przestrzeni kodowych Visual Studio
- instalowanie rozszerzeń w przestrzeni kodowej Visual Studio
- zasoby przestrzeni kodowych programu Visual Studio w subskrypcji platformy Azure
- Wrap Up
- o autorze
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.
- zacznij od otwarcia przeglądarki internetowej i przejścia do https://online.visualstudio.com
- po zalogowaniu, po raz pierwszy, zobaczysz ekran pokazujący, że nie masz żadnych środowisk, z przyciskiem Utwórz przestrzeń kodową.
- kliknij przycisk Utwórz przestrzeń kodową.
- 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.
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.
- 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.
- wprowadź żądane wartości, a następnie kliknij Utwórz.
- po nowo utworzonym planie rozliczeniowym automatycznie otworzy panel Utwórz przestrzeń kodową.
- 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ładbuild5nines/az-kung-fu
.
- URL projektu GitHub: możesz określić pełny adres URL strony głównej projektu GitHub. Takich jak
- 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.
- przestrzeń kodowa Visual Studio, która została właśnie utworzona, zostanie teraz otwarta dla internetowego edytora kodu / 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.
-
w panelu obszaru roboczego po lewej stronie ekranu kliknij plik w projekcie, aby otworzyć go w edytorze.
-
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.
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ś.
-
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.
-
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.
-
zostaniesz poproszony o potwierdzenie, że chcesz “push and pull commits to and from ‘origin / master'”. Kliknij OK, aby kontynuować operację synchronizacji.
-
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.
-
kliknięcie przycisku Autoryzuj autoryzuje przestrzenie kodowe Visual Studio, aby uzyskać dostęp do konta GitHub.
-
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.
- Otwórz kartę Rozszerzenia, klikając ikonę po lewej stronie edytora
- Wyszukaj i znajdź wybrane rozszerzenia.
- kliknij przycisk Zainstaluj rozszerzenie, aby zainstalować je w edytorze przestrzeni kodowych Visual Studio.
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.
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
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.