Introduzione a Visual Studio Codespaces-Cloud IDE
L’IDE basato sul Web di Visual Studio Codespaces (precedentemente Visual Studio Online / VSO) è ora disponibile per essere utilizzato. Basato sul popolare editor di codice di Visual Studio, offre una sensazione familiare e spazio di lavoro per la scrittura e il lavoro con il codice sorgente.. Ciò offre anche l’estensibilità del supporto delle estensioni di codice di Visual Studio, anche se al momento non sappiamo quante o quali estensioni di codice VS saranno supportate.
- Creazione del primo spazio di codice di Visual Studio & Piano di fatturazione
- Modifica, Commit, un codice di sincronizzazione Cambia utilizzando Visual Studio Codespaces
- Installare le estensioni all’interno di Visual Studio Codespaces
- Risorse di Visual Studio Codespaces nella sottoscrizione di Azure
- Avvolgere
- Circa l’autore
Creazione del primo spazio di codice di Visual Studio & Piano di fatturazione
Ecco una panoramica dell’accesso agli spazi di codice di Visual Studio (l’IDE basato su cloud di Microsoft) e iniziare con gli strumenti.
- Inizia aprendo un browser web e navigando verso https://online.visualstudio.com
- Una volta effettuato l’accesso, per la prima volta, vedrai una schermata che mostra che non hai ambienti, con un pulsante Crea spazio di codice.
- Fare clic sul pulsante Crea spazio di codice.
- Si aprirà il riquadro Crea un piano di fatturazione. Verrà utilizzato per specificare un nuovo piano di fatturazione di Visual Studio Codespaces da creare all’interno della sottoscrizione di Azure.
Specificare i seguenti valori in questo riquadro:- Sottoscrizione: scegliere la sottoscrizione di Azure a cui il login ha accesso per creare il nuovo piano di fatturazione.
- Posizione: Scegliere la regione di Azure per ospitare il piano di fatturazione.
- Facoltativamente, è possibile espandere le opzioni avanzate per visualizzare la seguente configurazione:
- Nome piano: specificare il nome del piano di fatturazione da creare all’interno della sottoscrizione di Azure.
- Gruppo di risorse: specificare il nome del gruppo di risorse in cui inserire il nuovo piano di fatturazione.
- Inserisci i valori desiderati, quindi fai clic su Crea.
- Con il piano di fatturazione appena creato, si aprirà automaticamente il riquadro Crea spazio di codice.
- Per creare il primo spazio di codice, inserisci i valori richiesti, quindi fai clic su Crea. È possibile utilizzare i seguenti valori per provare questo per la prima volta.
- Nome dello spazio di codice: specificare un nome per il nuovo spazio di codice. È necessario utilizzare un nome simile al progetto o all’attività per cui verrà utilizzato questo ambiente.
- Repository Git: facoltativamente, specificare un repository Git per questo Spazio di codice da clonare. Questo può essere specificato in due diversi formati:
- URL del progetto GitHub: È possibile specificare l’URL completo della home page per un progetto GitHub. Come
https://github.com/build5nines/az-kung-fu. - GitHub Forma abbreviata: è possibile specificare un nome di repository GitHub formattato delimitato da una barra nel formato
organization/repo; ad esempiobuild5nines/az-kung-fu.
- URL del progetto GitHub: È possibile specificare l’URL completo della home page per un progetto GitHub. Come
- Tipo di istanza: specificare il core della CPU e la configurazione della memoria da eseguire per lo spazio di codice di Visual Studio.
- Sospendi lo spazio di codice inattivo dopo…: specifica il periodo di tempo fino a quando lo spazio di codice non viene sospeso automaticamente quando non è in uso.
- Lo spazio di codice di Visual Studio appena creato si aprirà ora all’editor di codice online / IDE.
Modifica, Commit, un codice di sincronizzazione Cambia utilizzando Visual Studio Codespaces
Ecco una panoramica di aprire l’editor di Visual Studio Codespaces, apportare alcune modifiche al codice, e commettere tali modifiche di nuovo al repository GitHub per uno spazio di codice.
-
All’interno del riquadro dell’area di lavoro sul lato sinistro dello schermo, fare clic su un file nel progetto per aprirlo all’interno dell’editor.
-
Apportare alcune modifiche al file, quindi salvarli facendo clic sul menu hamburger in alto a sinistra, e selezionando File, quindi Salva.
Nota: Puoi vedere che ci sono diverse opzioni di menu disponibili all’interno dell’editor di Visual Studio Codespace e che è la stessa esperienza di stile VS Code che hai imparato ad amare.
-
Per eseguire il commit delle modifiche al repository Git “locale” di Visual Studio Online (che è stato clonato da GitHub), fare clic sulla scheda Controllo origine sul lato sinistro della finestra, quindi utilizzare l’interfaccia utente per aggiungere modifiche e commit.
-
una Volta eseguito il commit delle modifiche, è possibile eseguire la Sincronizzazione con il Repository GitHub facendo clic sui puntini di sospensione (…) nell’Origine Controllo della scheda, quindi selezionare l’opzione di Sincronizzazione.
-
Ti verrà richiesta una conferma che vuoi ” spingere e tirare commit da e verso ‘origine / master'”. Fare clic su OK per procedere con l’azione di sincronizzazione.
-
La prima volta che si esegue questa operazione, Visual Studio Online aprirà una nuova scheda del browser per GitHub Autorizzazione pagina in modo da poter autorizzare Visual Studio Codespaces con le necessarie autorizzazioni necessarie contro GitHub per il tuo account.
-
Facendo clic sul pulsante Autorizza, gli spazi di codice di Visual Studio verranno autorizzati ad accedere al tuo account GitHub.
-
Dopo che Visual Studio Codespaces è stato autorizzato, completerà l’operazione di sincronizzazione con il repository GitHub. Ora puoi navigare su GitHub per vedere che il commit è stato effettivamente sincronizzato.
Installare le estensioni all’interno di Visual Studio Codespaces
L’editor Web di Visual Studio Codespaces è costruito sulla base di Visual Studio Code (VS Code). In quanto tale, condivide molte cose tra cui un’interfaccia utente / esperienza familiare e la possibilità di installare estensioni di codice VS. Ciò consente di utilizzare essenzialmente lo stesso editor di codice VS con estensioni installate dal browser web, su qualsiasi dispositivo!
È possibile installare l’estensione negli spazi di codice di Visual Studio allo stesso modo dell’installazione delle estensioni nel codice VS.
- Apri la scheda Estensioni facendo clic sull’icona sul lato sinistro dell’editor
- Cerca e individua le tue estensioni preferite.
- Fare clic sul pulsante Installa per l’estensione per installarlo all’interno di Visual Studio Codespaces editor.
Risorse di Visual Studio Codespaces nella sottoscrizione di Azure
Quando si crea un piano di fatturazione di Visual Studio Codespaces, tale piano viene addebitato sulla sottoscrizione di Azure. Ciò significa che il piano di fatturazione viene creato all’interno della sottoscrizione di Azure e risiede insieme a tutte le altre risorse di Azure.
-
VS Codespaces Piano di Fatturazione all’interno di Azure -
VS Codespaces Piano di Fatturazione all’interno del Gruppo di Risorse
Avvolgere
Come si può vedere Visual Studio Codespaces (precedentemente Visual Studio Online) è abbastanza facile per iniziare con. Inoltre, l’utilizzo dell’interfaccia utente e dell’esperienza di Visual Studio Code IDE rende familiare l’editor di VS Codespaces. È anche possibile installare le estensioni in spazi di codice di Visual Studio!
Codifica felice!
PS Originariamente annunciato a maggio 2019 come Visual Studio Online (VSO), è incredibile ottenere finalmente l’accesso pubblico e poter iniziare a provare / utilizzare gli spazi di codice di Visual Studio.
Circa l’autore
Chris è il fondatore di Build5Nines.com e Microsoft MVP in Azure & IoT con 20 anni di esperienza nella progettazione e costruzione di sistemi Cloud & Enterprise. È anche un Microsoft Certified: Azure Solutions Architect, developer, Microsoft Certified Trainer (MCT) e Cloud Advocate. Ha una passione per la tecnologia e condividere ciò che impara con gli altri per aiutare a consentire loro di imparare più velocemente ed essere più produttivi.
