Visual Studio Online with Orchard Core

VSCode in the Cloud with the Orchard Core Development Environment

YouTube Video

OrchardSkillsYouTubeThumbNailVSOnline

Introduction

In this video, we look at Visual Studio Online. Just using a web browser and specifying specify a GitHub repository we can develop an Orchard Core Web Application.

VS-Online-OC-001

Visual Studio Online Key Features

VS-Online-OC-002

With your favorite web browser, browse to https://visualstudio.microsoft.com.

VS-Online-OC-003

You must have a Microsoft account. if not you can create one here https://account.microsoft.com/account. Click on the "Sign in" button.

VS-Online-OC-004

Click "Yes" to continue.

VS-Online-OC-005

Click on the "Create environment" button.

VS-Online-OC-006

Create a billing plan by selecting a subscription, location, plan name and resource group.

VS-Online-OC-007

Enter an environment name, GitHub repository, instance type,and suspend idle time after and then press the "Create" button.

VS-Online-OC-008

Wait until the environment is created and then press the "Available" button.

VS-Online-OC-009

Visual Studio Code will be launched with your GitHub repository loaded.

VS-Online-OC-0010

In order to build the application, the C# extensions must be installed. Select the extensions icon and search for "C#". Click on the C# for Visual Studio Code link.

VS-Online-OC-0011

Click on the "Install" button to load the extension.

VS-Online-OC-0012

Visual Studio Code (Online) need to be reloaded. Press on the "Reload Required" button.

VS-Online-OC-0013

Select the "DEBUG AND RUN" green play icon.

VS-Online-OC-0014

The application will build and run. Click on the "Remote Explorer" icon.

VS-Online-OC-0015

Click on the "Forward port..." link.

VS-Online-OC-0016

Enter "localhost:5000".

VS-Online-OC-0017

Click on the "localhost:5000" plug link.

VS-Online-OC-0018

Congratulations! Orchard Core is now running in Visual Studio Online. How cool is that?

Conclusion

With just using a web browser and a GitHub repository we can edit, build, run, anddebug an Orchard Core Web Application.

GitHub

The complete source code is located here.