začínáme s Visual Studio Codespaces – Cloud IDE

Visual Studio Codespaces (dříve Visual Studio Online / VSO) web-based IDE je nyní k dispozici pro použití. Na základě populárního editoru kódu Visual Studio nabízí známý pocit a pracovní prostor pro psaní a práci se zdrojovým kódem.. To také nabízí rozšiřitelnost podpory rozšíření kódu Visual Studio, i když v tuto chvíli nevíme, kolik nebo které rozšíření VS kódu budou podporovány.



Vytvoření vaší první aplikace Visual Studio Codespace & Fakturace

Zde je přehled přihlášení do aplikace Visual Studio Codespaces (Cloud-based IDE od společnosti Microsoft) a začínáme s nářadí.

  1. Začněte tím, že otevřením webový prohlížeč a navigaci na https://online.visualstudio.com
  2. Jakmile se přihlásíte poprvé, uvidíte obrazovku, která ukazuje, že nemusíte mít žádné prostředí, Vytvořit Codespace tlačítko.
    začínáme s Visual Studio Codespaces - Cloud IDE 1
  3. Klikněte na Vytvořit Codespace tlačítko.
  4. otevře se podokno vytvořit plán fakturace. Použijete to k určení nového plánu fakturace Codespaces Visual Studio, který chcete vytvořit v rámci předplatného Azure.
    začínáme s Visual Studio Codespaces - Cloud IDE 2
    a Zadejte následující hodnoty v tomto panelu:
    • Předplatné: Vyberte Azure Předplatné, vaše přihlašovací jméno má přístup k, že chcete vytvořit nový platební Plán, v rámci.
    • umístění: Vyberte oblast Azure, kterou chcete hostit fakturační plán.
  5. Volitelně můžete rozšířit Pokročilé Možnosti odhalit následující konfiguraci:
    • Plán Jméno: Zadejte název, Fakturační Plán vytvořit v rámci svého Azure Předplatného.
    • skupina prostředků: zadejte název skupiny prostředků, do které chcete umístit nový plán fakturace.
  6. vyplňte požadované hodnoty a klikněte na Vytvořit.
  7. s nově vytvořeným fakturačním plánem se automaticky otevře podokno vytvořit Codespace.
  8. Chcete-li vytvořit svůj první Kódprostor, vyplňte požadované hodnoty a klepněte na tlačítko Vytvořit. K prvnímu vyzkoušení můžete použít následující hodnoty.
    • Codespace Name: zadejte název nového Codespace. Měli byste použít název, který se podobá projektu nebo úkolu, pro který budete toto prostředí používat.
    • repozitář Git: volitelně zadejte repozitář Git pro klonování tohoto prostoru Codespace. To lze zadat ve dvou různých formátech:
      • adresa URL projektu GitHub: můžete zadat úplnou adresu URL domovské stránky projektu GitHub. Například https://github.com/build5nines/az-kung-fu.
      • GitHub krátký formulář: můžete zadat lomítko oddělený formátovaný název úložiště GitHub ve formátu organization/repo; například build5nines/az-kung-fu.
    • typ Instance: Určete konfiguraci jádra CPU a paměti, která bude poskytnuta pro Visual Studio Codespace.
    • pozastavit nečinný Codespace po…: určete dobu, po kterou se Codespace automaticky pozastaví, když se nepoužívá.
      začínáme s Visual Studio Codespaces - Cloud IDE 3
  9. Visual Studio Codespace, která byla právě vytvořili, bude nyní otevřen pro on-line kód editor / IDE.

začínáme s Visual Studio Codespaces - Cloud IDE 4
Screenshot: Visual Studio IDE Codespaces


Upravit, Commit, Synchronizace Změny Kódu pomocí Visual Studio Codespaces

Tady je přehled o otevření Visual Studio Codespaces editor, takže některé změny kódu, a spáchání těchto změn zpět na GitHub Úložiště pro Codespace.

  1. v podokně pracovního prostoru na levé straně obrazovky klikněte na soubor v projektu a otevřete jej v editoru.

    Visual Studio Codespaces - Web-based Editor

    Visual Studio Codespaces - Web-based Editor
  2. Provést některé změny v souboru, uložte je klepnutím na hamburger menu v levém horním rohu a výběrem Souboru, pak Uložit.

    Visual Studio Codespaces - Uložení Souboru Menu

    Visual Studio Codespaces - Uložení Souboru Menu

    Poznámka: Můžete vidět, že v editoru Visual Studio Codespace je k dispozici několik možností nabídky, a že je to stejný zážitek ve stylu vs kódu, který jste si zamilovali.

  3. to commit your changes Visual Studio Online “místní” Git Repozitáři (který byl klonován z GitHub), klepněte na tlačítko Zdroj Ovládací kartu na levé straně okna, pak použijte uživatelské ROZHRANÍ přidat změny a zavázat je.

    Visual Studio Codespaces - Zdroj Ovládacího prvku Karta

    Visual Studio Codespaces - Zdroj Ovládacího prvku Karta
  4. Jakmile změní se zavázali, můžete Synchronizovat je na GitHub Úložiště kliknutím na tlačítko elipsy (…) v Zdroj Ovládacího prvku karta, poté vyberte možnost Synchronizace.

    Visual Studio Codespaces - Zdroj Ovládacího prvku karta - Sync Menu

    Visual Studio Codespaces - Zdroj Ovládacího prvku karta - Sync Menu
  5. Budete vyzváni k potvrzení, že chcete, aby “push a pull se zavazuje k a z ‘origin/master'”. Klepnutím na tlačítko OK pokračujte v akci synchronizace.

    Visual Studio Codespaces - Potvrdit, Překlad

    Visual Studio Codespaces - Potvrdit, Překlad
  6. poprvé to uděláte, Visual Studio Online se otevře novou záložku prohlížeče na GitHub Povolení stránce, takže můžete povolit aplikaci Visual Studio Codespaces potřebné oprávnění, které potřebuje proti GitHub pro váš účet.

    Visual Studio Codespaces řádku pro GitHub oprávnění

    Visual Studio Codespaces řádku pro GitHub oprávnění
  7. Kliknutím na tlačítko Povolit povolí Visual Studio Codespaces pro přístup k vašemu Účtu GitHub.

  8. po autorizaci Visual Studio Codespaces dokončí operaci synchronizace proti úložišti GitHub. Nyní můžete přejít na GitHub a zjistit, že odevzdání bylo skutečně synchronizováno.


Nainstalovat Rozšíření do Visual Studio Codespaces

Visual Studio Codespaces web-based editor je postaven na základech Visual Studio Kód (VS Zákoníku). Jako takový, sdílí spoustu věcí, včetně známého uživatelského rozhraní / zkušenosti , a schopnost instalovat VS rozšíření kódu. To vám umožní v podstatě použít stejný editor VS kódu s rozšířeními nainstalovanými z webového prohlížeče na jakémkoli zařízení!

Rozšíření můžete nainstalovat na Codespaces Visual Studio stejným způsobem jako instalace rozšíření do VS kódu.

  1. Otevřete kartu Rozšíření kliknutím na ikonu na levé straně editoru
  2. Hledat a vyhledejte Souboru(y) volby.
  3. klepnutím na tlačítko Instalovat rozšíření jej nainstalujte do editoru Visual Studio Codespaces.
začínáme s Visual Studio Codespaces - Cloud IDE 5
Screenshot: Instalovat Rozšíření v aplikaci Visual Studio IDE Codespaces


Visual Studio Codespaces Zdroje v Azure Předplatné

Když vytvoříte aplikaci Visual Studio Codespaces Fakturační Plán, tento plán je účtována proti své Předplatné Azure. To znamená, že plán fakturace je vytvořen v rámci vašeho předplatného Azure a je umístěn vedle všech vašich dalších zdrojů Azure.

  • začínáme s Visual Studio Codespaces - Cloud IDE 6
    VS Codespaces Fakturační Plán do Azure
  • začínáme s Visual Studio Codespaces - Cloud IDE 7
    VS Codespaces Fakturační Plán do Skupiny Zdrojů


Zabalit

Jak můžete vidět, Visual Studio Codespaces (dříve Visual Studio Online), je docela snadné začít. Také pomocí uživatelského rozhraní IDE Visual Studio Code a zkušeností je editor VS Codespaces známý pro použití. Můžete dokonce nainstalovat rozšíření do Visual Studio Codespaces!

šťastné kódování!

P. S. Původně oznámila v Květnu 2019 jako je Visual Studio Online (VSO), je úžasné, aby se konečně získat přístup a být schopen začít zkoušet / pomocí Visual Studio Codespaces.

O Autorovi

Microsoft MVP

Chris je Zakladatelem Build5Nines.com a Microsoft MVP v Azure & IoT s 20 lety zkušeností s navrhováním a budováním Cloud & Enterprise systems. Je také certifikován společností Microsoft: Azure Solutions Architect, developer, Microsoft Certified Trainer (MCT) a Cloud Advocate. Má vášeň pro technologii a sdílení toho, co se učí, s ostatními, aby jim pomohl rychleji se učit a být produktivnější.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.