a Visual Studio Codespaces használatának megkezdése-Cloud IDE
a Visual Studio Codespaces (korábban Visual Studio Online / VSO) webalapú IDE már használható. A népszerű Visual Studio Code editor alapján ismerős érzést és munkaterületet kínál a forráskód írásához és kezeléséhez.. Ez a Visual Studio Kódbővítmények támogatásának bővíthetőségét is kínálja, bár jelenleg nem tudjuk, hány vagy melyik VS Kódbővítményt támogatják.
az első Visual Studio Codespace létrehozása & számlázási terv
itt áttekintheti a Visual Studio Codespaces-be (a Microsoft felhőalapú IDE-jébe) való bejelentkezést és az eszközök használatának megkezdését.
- Kezdje azzal, hogy megnyit egy webböngészőt, és navigál a következő helyre: https://online.visualstudio.com
- miután bejelentkezett, először megjelenik egy képernyő, amely azt mutatja, hogy nincs környezete, a Codespace létrehozása gombbal.
- kattintson a Codespace létrehozása gombra.
- ezzel megnyílik a számlázási terv létrehozása ablaktábla. Ezzel megadhat egy új Visual Studio Codespaces számlázási tervet, amelyet az Azure-előfizetésén belül hozhat létre.
adja meg a következő értékeket ebben az ablaktáblában:- előfizetés: válassza ki azt az Azure-előfizetést, amelyhez a bejelentkezése hozzáfér, és amelyen belül létre szeretné hozni az új számlázási tervet.
- Elhelyezkedés: Válassza ki az Azure-régiót a számlázási terv tárolásához.
- opcionálisan a Speciális beállítások kibontásával is megjelenítheti a következő konfigurációt:
- Csomag neve: Adja meg az Azure-előfizetésén belül létrehozandó számlázási csomag nevét.
- erőforráscsoport: adja meg az erőforráscsoport nevét az új számlázási terv elhelyezéséhez.
- töltse ki a kívánt értékeket, majd kattintson a Létrehozás gombra.
- az újonnan létrehozott számlázási terv automatikusan megnyitja a Kódtér létrehozása panelt.
- az első Kódtér létrehozásához töltse ki a szükséges értékeket, majd kattintson a Létrehozás gombra. A következő értékekkel próbálhatja ki ezt először.
- Codespace Name: adja meg az új Codespace nevét. Olyan nevet kell használnia, amely hasonlít arra a projektre vagy tevékenységre, amelyhez ezt a környezetet fogja használni.
- Git Repository: opcionálisan adjon meg egy Git repository-t ehhez a klónozandó Codespace-hez. Ez két különböző formátumban adható meg:
- GitHub projekt URL: megadhatja a GitHub projekt kezdőlapjának teljes URL-jét. Mint például
https://github.com/build5nines/az-kung-fu. - GitHub rövid forma: megadhat egy perjelekkel tagolt formázott GitHub adattárnevet
organization/repoformátumban; példáulbuild5nines/az-kung-fu.
- GitHub projekt URL: megadhatja a GitHub projekt kezdőlapjának teljes URL-jét. Mint például
- példány típusa: adja meg a Visual Studio Codespace számára biztosított CPU mag és memória konfigurációt.
- függessze fel az üresjárati Kódteret… után: adja meg azt az időtartamot, amíg a Kódtér automatikusan fel nem függesztésre kerül, ha nincs használatban.
- az imént létrehozott Visual Studio Codespace most megnyílik az online kódszerkesztő / IDE számára.
a Visual Studio Codespaces
használatával módosul a szinkronizálási kód szerkesztése, véglegesítése, a Visual Studio Codespaces editor megnyitásának áttekintése, néhány kódmódosítás elvégzése, valamint a módosítások visszavezetése a Codespace GitHub Repository-jába.
-
a képernyő bal oldalán található munkaterület ablaktáblán kattintson egy fájlra a projektben, hogy megnyissa azt a szerkesztőben.
-
végezzen néhány módosítást a fájlban, majd mentse el őket a bal felső sarokban található hamburger menüre kattintva, majd válassza a Fájl, majd a Mentés lehetőséget.
Megjegyzés: Láthatja, hogy a Visual Studio Codespace szerkesztőben számos menüopció érhető el, és hogy ez ugyanaz a VS kód stílusú élmény, amelyet megszerettél.
-
a Visual Studio Online “local” Git Repository (a GitHub-ból klónozott) módosításainak végrehajtásához kattintson az ablak bal oldalán található Forrásvezérlés fülre, majd a felhasználói felület segítségével adja hozzá a módosításokat és kötelezze el őket.
-
a módosítások végrehajtása után szinkronizálhatja őket a GitHub adattárral, ha rákattint az ellipszisre ( … ) a Forrásvezérlés lapon, majd kiválasztja a szinkronizálás opciót.
-
a rendszer egy megerősítést fog kapni arról, hogy “push and pull elkötelezi magát az”origin/master ” felé és onnan”. Kattintson az OK gombra a szinkronizálási művelet folytatásához.
-
az első alkalommal, amikor ezt megteszi, a Visual Studio Online megnyit egy új böngésző fület a GitHub engedélyezési oldalára, így engedélyezheti a Visual Studio Kódtereit a szükséges engedélyekkel, amelyekre szüksége van a GitHub ellen a fiókjához.
-
az Engedélyezés gombra kattintva a Visual Studio Codespaces engedélyezi a GitHub-fiók elérését.
-
a Visual Studio Codespaces engedélyezése után befejezi a szinkronizálási műveletet a GitHub adattárral szemben. Most navigálhat a GitHub-ra, hogy megnézze, hogy a kötelezettségvállalás valóban szinkronizálva van-e.
bővítmények telepítése a Visual Studio Codespaces-en belül
a Visual Studio Codespaces webalapú szerkesztője a Visual Studio Code (VS Code) alapjaira épül. Mint ilyen, sok mindent megoszt, beleértve az ismerős felhasználói felületet / élményt, valamint a VS Kódbővítmények telepítésének képességét. Ez lehetővé teszi, hogy lényegében ugyanazt a VS kódszerkesztőt használja a böngészőből telepített kiterjesztésekkel, bármilyen eszközön!
a kiterjesztéseket ugyanúgy telepítheti a Visual Studio Codespaces-re, mint a kiterjesztéseket a VS Code-ban.
- nyissa meg a Bővítmények lapot a szerkesztő bal oldalán található ikonra kattintva
- keresse meg és keresse meg a kívánt bővítményt.
- kattintson a Telepítés gombra a bővítmény telepítéséhez a Visual Studio Codespaces szerkesztőben.
Visual Studio Codespaces Resources in your Azure Subscription
amikor létrehoz egy Visual Studio Codespaces számlázási tervet, a csomag az Azure-előfizetéssel szemben kerül kiszámlázásra. Ez azt jelenti, hogy a számlázási terv az Azure-előfizetésen belül jön létre, és az összes többi Azure-erőforrás mellett található.
-
VS Codespaces számlázási terv az Azure-ban -
VS Codespaces számlázási terv az erőforráscsoporton belül
Wrap Up
mint látható Visual Studio Codespaces (korábban Visual Studio Online) meglehetősen könnyű elkezdeni. Továbbá, a Visual Studio Code IDE felhasználói felület és a tapasztalat teszi a VS Codespaces szerkesztő ismerős használni. Akkor is telepíteni Bővítmények Visual Studio Codespaces!
Boldog kódolást!
P. S. eredetileg 2019 májusában jelentették be Visual Studio Online (VSO) néven, elképesztő, hogy végre nyilvános hozzáférést kapunk a Visual Studio Kódtereihez, és elkezdhetjük kipróbálni / használni őket.
A szerzőről
Chris a Build5Nines alapítója.com és Microsoft MVP az Azure-ban & IoT 20 éves tapasztalattal a felhő & vállalati rendszerek tervezésében és építésében. Microsoft tanúsítvánnyal is rendelkezik: Azure Solutions Architect, developer, Microsoft Certified Trainer (MCT) és Cloud Advocate. Szenvedélye a technológia, és megosztja másokkal a tanultakat, hogy gyorsabban tanulhassanak és produktívabbak legyenek.
