Visual Studio Online Quickstart Sample

This is a sample project that supports the Visual Studio Online quickstart documentation. It can be used for either the browser based quickstart or the Visual Studio Code based quickstart.

To make this file easier to read, press [ctrl]+[shift]+[V].

This repository has been cloned into your VS Online cloud-hosted environment. You're able to work with it like you would any local code. Some things to try:

Terminal:

Press [ctrl]+[shift]+[backtick] to open a new terminal
From the terminal run node --version

Note: Node.js may or may not be installed on your local machine, yet you're able to use it because it's been automatically added to this environment!
Type other Linux commands (uname, ls, etc.) to interact with the underlying environment

Browse Files:

Notice that node_modules are in the File Explorer

Note: VS Online automatically performed an npm install so you can be instantly productive!
Open files to see syntax highlighting

Edit code:

Open server.js

Note: ESLint has been installed and configured in this environment. Press [ctrl]+[shift]+[M] to see the problems found by ESLint. Fix then by changing instances of var to const.
Change the message to "Hello {your name} from VS Online!" (on line 18)

Build, Run, and Debug:

Add a breakpoint on line 21
Press [F5] to launch the app
Once the breakpoint is hit, try hovering over variables, examining locals, and more.

Forward Port:

Open the Remote Explorer activity pane
In the Environment Details panel, click the Forward Port button that appears when you hover over Forwarded Ports (#)
- Enter port 3000 in the prompt
- Accept the default name
Click the Copy Port URL button in the localhost:3000 title bar
Paste the URL into the browser of your choice.

Note: VS Online has forwarded the environment's port 3000 to a location you can now access

Disconnect Environment:

View the environments in the VS Online panel on the Remote Explorer
Right click on My Quick Environment and select Disconnect