Visual Studio Codespaces-Cloud IDE

by Posted on

Visual Studio Codespaces (entinen Visual Studio Online / VSO) – verkkopohjainen IDE on nyt käytettävissä. Suositun Visual Studion koodieditorin pohjalta se tarjoaa tutun tunnelman ja työtilan lähdekoodin kirjoittamiseen ja työstämiseen.. Tämä tarjoaa myös laajennettavuutta tukemaan Visual Studio-Koodilaajennuksia, vaikka tällä hetkellä emme tiedä, kuinka monta tai mitä VS-Koodilaajennuksia tuetaan.



ensimmäisen Visual Studio Codespacen luominen & Laskutussuunnitelma

tässä yleiskatsaus Visual Studio Codespacesiin (Microsoftin pilvipohjainen IDE) kirjautumisesta ja työkalujen käytön aloittamisesta.

  1. Aloita avaamalla verkkoselain ja navigoimalla https://online.visualstudio.com
  2. kun olet kirjautunut sisään, näet ensimmäistä kertaa ruudun, joka näyttää, ettei sinulla ole mitään ympäristöjä, luo Codespace-painike.
    Visual Studio Codespaces - Cloud IDE: n aloittaminen 1
  3. napsauta Luo Codespace-painiketta.
  4. tämä avaa Luo Laskutussuunnitelma-ruudun. Tämän avulla voit määrittää uuden Visual Studio Codespaces-Laskutussuunnitelman luodaksesi Azure-tilauksesi.
    Visual Studio Codespaces - Cloud IDE 2
    Määritä tässä ruudussa seuraavat arvot:
    • tilaus: Valitse Azure-tilaus, johon käyttäjätunnuksellasi on pääsy ja johon haluat luoda uuden Laskutussuunnitelman.
    • sijainti: Valitse Laskutussuunnitelman isäntänä toimiva Azure-alue.
  5. valinnaisesti voit laajentaa lisäasetuksia paljastaaksesi seuraavat asetukset:
    • Plan Name: Määritä Laskutussuunnitelman nimi luodaksesi Azure-tilauksesi.
    • resurssiryhmä: Määritä resurssiryhmän nimi uuden Laskutussuunnitelman sijoittamiseksi.
  6. täytä haluamasi arvot ja valitse Luo.
  7. kun Laskutussuunnitelma on juuri luotu, se avaa automaattisesti luo Codespace-ruudun.
  8. luodaksesi ensimmäisen Codespacen, täytä vaaditut arvot ja valitse Luo. Voit käyttää seuraavia arvoja kokeilla tätä ensimmäistä kertaa.
    • Codespacen nimi: Määritä uudelle Codespacelle nimi. Käytä nimeä, joka muistuttaa projektia tai tehtävää, johon käytät tätä ympäristöä.
    • Git-Versiovarasto: valinnaisesti määritä git-versiovarasto tälle kloonattavalle Koodiavaruudelle. Tämä voidaan määrittää kahdessa eri muodossa:
      • GitHub-projektin URL: voit määrittää kotisivun koko URL-osoitteen GitHub-projektille. Kuten https://github.com/build5nines/az-kung-fu.
      • GitHub lyhytmuoto:voit määrittää viivan rajatun Muotoillun GitHub-arkiston nimen muodossa organization/repo; kuten build5nines/az-kung-fu.
    • Esiintymistyyppi: Määritä suorittimen ydin ja muistikokoonpano, jotka varataan Visual Studio Codespacelle.
    • keskeytä Joutokäyntiavaruus… jälkeen: määritä aika, kunnes Codespace keskeytetään automaattisesti, kun sitä ei käytetä.
      Visual Studio Codespaces - Cloud IDE-ohjelman aloittaminen 3
  9. Visual Studio Codespace joka on juuri luotu avautuu nyt online code editor / IDE.

Visual Studio Codespaces - Cloud IDE 4
kuvakaappaus: Visual Studio Codespaces IDE


muokkaa, toimita ja synkronoi koodia käyttämällä Visual Studio Codespaces

tässä yleiskatsaus Visual Studio Codespaces-muokkaimen avaamisesta, koodimuutosten tekemisestä ja muutosten toimittamisesta Takaisin GitHub-arkistoon Codespacelle.

  1. Napsauta työtilaruudussa näytön vasemmalla puolella projektissa olevaa tiedostoa avataksesi sen muokkaimessa.

    Visual Studio Codespaces-verkkopohjainen editori

    Visual Studio Codespaces-verkkopohjainen editori

  2. tee joitakin muutoksia tiedostoon, sitten tallentaa ne klikkaamalla hampurilainen valikosta vasemmassa yläkulmassa, ja valitsemalla Tiedosto, sitten Tallenna.

    Visual Studio Codespaces - Tiedoston Tallennusvalikko

    Visual Studio Codespaces - Tiedostojen Tallennusvalikko

    Huomautus: Visual Studio Codespace editorin sisällä on useita valikkovaihtoehtoja, ja että kyseessä on sama VS Code-tyylinen kokemus, jota olet oppinut rakastamaan.

  3. jos haluat toimittaa muutoksesi Visual Studio Online “local” git-arkistoon (joka kloonattiin Githubista), napsauta ikkunan vasemmalla puolella olevaa Lähdehallinta-välilehteä ja käytä käyttöliittymää muutosten lisäämiseen ja toimitukseen.

    Visual Studio Codespaces-Source Control-välilehti

    Visual Studio Codespaces-Source Control-välilehti

  4. kun muutokset on tehty, voit synkronoida ne GitHub-arkistoon napsauttamalla source Control-välilehden ellipsiä ( … ) ja valitsemalla sitten synkronointi-vaihtoehdon.

    Visual Studio Codespaces-Source Control tab-Sync Menu

    Visual Studio Codespaces-Lähdeohjausvälilehti-Synkronointivalikko

  5. sinua pyydetään vahvistamaan, että haluat ” työntää ja vetää toimituksia ‘origin/master’ja’ origin / master'”. Napsauta OK jatkaaksesi synkronointitoimintoa.

    Visual Studio Codespaces-Confirm Sync

    Visual Studio Codespaces-Vahvista synkronointi

  6. kun teet tämän ensimmäisen kerran, Visual Studio Online avaa uuden selainvälilehden GitHub-valtuutussivulle, jotta voit valtuuttaa Visual Studio-Kooditilat tarvittavilla käyttöoikeuksilla, joita se tarvitsee GitHubia vastaan tilillesi.

    Visual Studion Koodiavaruuskehote GitHub-käyttöoikeuksille

    Visual Studio Codespaces-kehote GitHub-käyttöoikeuksille

  7. Auktorize-painiketta napsauttamalla saat Visual Studio Codespaces-tilillesi oikeuden käyttää GitHub-tiliäsi.

  8. kun Visual Studio Codespaces on hyväksytty, se suorittaa Synkronointioperaation GitHub-arkistoa vastaan. Voit nyt navigoida GitHubiin nähdäksesi, että toimitus on todellakin synkronoitu.


Install Extensions in Visual Studio Codespaces

Visual Studio Codespaces-verkkopohjainen editori on rakennettu Visual Studio Code (VS Code) – ohjelman pohjalle. Sellaisenaan, se jakaa paljon asioita, kuten tuttu käyttöliittymä / kokemus, ja kyky asentaa VS koodi laajennuksia. Näin voit periaatteessa käyttää samaa VS – koodieditoria, jonka laajennukset on asennettu selaimestasi millä tahansa laitteella!

laajennuksen voi asentaa Visual Studio Codespacesiin samalla tavalla kuin laajennuksen asennuksen VS-koodiin.

  1. avaa laajennukset-välilehti napsauttamalla muokkaimen
  2. vasemmalla puolella olevaa kuvaketta Etsi ja etsi haluamasi laajennukset.
  3. Napsauta laajennuksen asennus-painiketta asentaaksesi sen Visual Studio Codespaces-muokkaimeen.
Visual Studio Codespaces - Cloud IDE 5
kuvakaappaus: Asenna laajennukset Visual Studio Codespaces IDE


Visual Studio Codespaces Azure-tilauksesi resurssit

kun luot Visual Studio Codespaces-Laskutussuunnitelman, laskutetaan siitä Azure-tilauksestasi. Tämä tarkoittaa, että Laskutussuunnitelma on luotu Azure-tilauksesi sisällä, ja se sijaitsee kaikkien muiden Azure-resurssiesi rinnalla.

  • Visual Studio Codespaces - Cloud IDE 6
    VS Codespaces Billing Plan within Azure
  • Visual Studio Codespaces - Cloud IDE 7
    VS Codespaces Billing Plan in Resource Group


Wrap Up

kuten näkyy Visual Studio Codespaces (entinen Visual Studio Online)on melko helppo aloittaa. Myös Visual Studio Code IDE-käyttöliittymän ja kokemuksen käyttäminen tekee VS Codespaces-muokkaimesta tutun. Voit jopa asentaa laajennuksia Visual Studio Codespaces!

hyvää koodausta!

P. S. julkistettiin alun perin toukokuussa 2019 nimellä Visual Studio Online (VSO), ja on mahtavaa päästä vihdoin yleisön käyttöön ja päästä kokeilemaan / käyttämään Visual Studio Codespaceja.

tekijästä

Microsoftin MVP

Chris on Build5ninesin perustaja.com ja Microsoftin MVP Azuressa & IoT, jolla on 20 vuoden kokemus pilvien suunnittelusta ja rakentamisesta & yritysjärjestelmät. Hän on myös Microsoft-sertifioitu: Azure Solutions Architect, developer, Microsoft Certified Trainer (MCT) ja Cloud Advocate. Hänellä on intohimo teknologiaan ja oppimansa jakamiseen muiden kanssa, jotta he voisivat oppia nopeammin ja olla tuottavampia.

Published by admin

Vastaa

Sähköpostiosoitettasi ei julkaista.