Noțiuni de bază cu Visual Studio Codespaces – Cloud IDE
Visual Studio Codespaces (fostă Visual Studio Online / VSO) web-based IDE este acum disponibil pentru a fi utilizat. Bazat pe popularul editor de cod Visual Studio, acesta oferă o senzație familiară și un spațiu de lucru pentru scrierea și lucrul cu codul sursă.. Acest lucru oferă, de asemenea, extensibilitatea susținerii extensiilor de cod Visual Studio, deși în acest moment nu știm câte sau ce extensii de cod VS vor fi acceptate.
crearea primului dvs. plan de facturare Visual Studio Codespace &
Iată o prezentare generală a conectării la Visual Studio Codespaces (IDE-ul bazat pe Cloud de la Microsoft) și începerea cu instrumentele.
- începeți prin deschiderea unui browser web și navigarea la https://online.visualstudio.com
- odată conectat, pentru prima dată, veți vedea un ecran care arată că nu aveți medii, cu un buton creare Spațiu de cod.
- Faceți clic pe butonul Creare Spațiu de cod.
- aceasta va deschide Panoul creați un Plan de facturare. Veți utiliza acest lucru pentru a specifica un nou plan de facturare Visual Studio Codespaces pentru a crea în cadrul abonamentului Azure.
specificați următoarele valori în acest panou:- abonament: alegeți abonamentul Azure la care autentificarea dvs. are acces și în care doriți să creați noul Plan de facturare.
- locație: Alegeți regiunea Azure pentru a găzdui planul de facturare.
- opțional, puteți extinde opțiunile avansate pentru a afișa următoarea configurație:
- nume Plan: specificați numele planului de facturare de creat în abonamentul dvs.
- grup de resurse: specificați numele Grupului de resurse pentru a plasa noul Plan de facturare.
- completați valorile dorite, apoi faceți clic pe Creare.
- cu planul de facturare nou creat, acesta va deschide automat panoul Creare Spațiu de cod.
- pentru a crea primul dvs. Spațiu de cod, completați valorile necesare, apoi faceți clic pe Creare. Puteți utiliza următoarele valori pentru a încerca acest lucru pentru prima dată.
- Codespace Name: specificați un nume pentru noul Codespace. Ar trebui să utilizați un nume care seamănă cu proiectul sau sarcina pentru care veți utiliza acest mediu.
- depozit Git: opțional, specificați un depozit Git pentru acest spațiu de cod de clonat. Acest lucru poate fi specificat în două formate diferite:
- GitHub project URL: puteți specifica adresa URL completă a paginii de pornire pentru un proiect GitHub. Cum ar fi
https://github.com/build5nines/az-kung-fu. - Github formă scurtă: puteți specifica un slash delimitat formatat GitHub nume depozit în formatul
organization/repo; cum ar fibuild5nines/az-kung-fu.
- GitHub project URL: puteți specifica adresa URL completă a paginii de pornire pentru un proiect GitHub. Cum ar fi
- Tip instanță: specificați nucleul procesorului și configurația de memorie care vor fi furnizate pentru spațiul de cod Visual Studio.
- suspendați spațiul de cod inactiv după…: specificați durata de timp până când spațiul de cod este suspendat automat atunci când nu este utilizat.
- spațiul de cod Visual Studio care tocmai a fost creat se va deschide acum editorului / IDE-ului de cod online.
Editați, comiteți, un cod de sincronizare se modifică folosind Visual Studio Codespaces
Iată o prezentare generală a deschiderii editorului Visual Studio Codespaces, efectuarea unor modificări de cod și comiterea acestor modificări înapoi în depozitul GitHub pentru un spațiu de cod.
-
în panoul Spațiu de lucru din partea stângă a ecranului, faceți clic pe un fișier din proiect pentru a-l deschide în editor.
-
efectuați unele modificări în Fișier, apoi salvați-le făcând clic pe meniul hamburger din stânga sus și selectând Fișier, apoi salvați.
Notă: Puteți vedea că există mai multe opțiuni de meniu disponibile în Editorul Visual Studio Codespace și că este aceeași experiență VS Code style pe care ați ajuns să o iubiți.
-
pentru a vă angaja modificările în depozitul Git “local” Visual Studio Online (care a fost clonat din GitHub), faceți clic pe fila Control sursă din partea stângă a ferestrei, apoi utilizați interfața de utilizare pentru a adăuga modificări și a le comite.
-
odată ce modificările sunt comise, le puteți sincroniza cu depozitul GitHub făcând clic pe elipsa (…) din fila Control sursă, apoi selectând opțiunea Sincronizare.
-
vi se va solicita o confirmare că doriți să “push and pull se angajează la și de la”origin/master””. Faceți clic pe OK pentru a continua acțiunea de sincronizare.
-
prima dată când faceți acest lucru, Visual Studio Online va deschide o nouă filă de browser pe pagina de autorizare GitHub, astfel încât să puteți autoriza spațiile de cod Visual Studio cu permisiunile necesare de care are nevoie împotriva GitHub pentru contul dvs.
-
dacă faceți clic pe butonul Authorize, veți autoriza Visual Studio Codespaces să vă acceseze contul GitHub.
-
după Visual Studio Codespaces este autorizat, se va finaliza operațiunea de sincronizare împotriva magaziei GitHub. Acum Puteți naviga la GitHub pentru a vedea că comiterea a fost într-adevăr sincronizată.
instalați extensii în Visual Studio Codespaces
Visual Studio codespaces editor web-based este construit pe fundamentul Visual Studio Code (VS Code). Ca atare, împărtășește o mulțime de lucruri, inclusiv o interfață / experiență de utilizator familiară și capacitatea de a instala extensii de cod VS. Acest lucru vă permite să utilizați în esență același editor de cod VS cu extensii instalate din browserul dvs. web, pe orice dispozitiv!
puteți instala extensia pe spațiile de cod Visual Studio în același mod ca Instalarea extensiilor în codul VS.
- deschideți fila Extensii făcând clic pe pictograma din partea stângă a editorului
- Căutați și localizați extensiile alese.
- Faceți clic pe butonul Instalare pentru extensie pentru a o instala în Editorul de spații de cod Visual Studio.
resurse Visual Studio Codespaces în abonamentul Azure
când creați un plan de facturare Visual Studio Codespaces, acel plan este facturat cu abonamentul Azure. Aceasta înseamnă că planul de facturare este creat în cadrul abonamentului Azure și se află alături de toate celelalte resurse Azure.
-
VS Codespaces plan de facturare în cadrul Azure -
VS Codespaces plan de facturare în cadrul Grupului de resurse
Wrap Up
după cum puteți vedea Visual Studio Codespaces (fostul Visual Studio Online) este destul de ușor pentru a începe cu. De asemenea, utilizarea interfeței și experienței Visual Studio Code IDE face ca editorul VS Codespaces să fie familiar de utilizat. Puteți instala chiar și extensii în Visual Studio Codespaces!
codificare fericită!
P. S. anunțat inițial în Mai 2019 ca Visual Studio Online (VSO), este uimitor să obții în sfârșit acces public și să poți începe să încerci / să folosești spații de cod Visual Studio.
despre autor
Chris este fondatorul Build5Nines.com și un Microsoft MVP în Azure & IoT cu 20 de ani de experiență în proiectarea și construirea sistemelor Cloud & Enterprise. El este, de asemenea, un Microsoft Certified: Azure Solutions arhitect, Dezvoltator, Microsoft Certified Trainer (MCT), și Cloud Advocate. El are o pasiune pentru tehnologie și împărtășirea a ceea ce învață cu alții pentru a le permite să învețe mai repede și să fie mai productivi.
