# vscodespaces-quickstart

**Repository Path**: mirrors_microsoft/vscodespaces-quickstart

## Basic Information

- **Project Name**: vscodespaces-quickstart
- **Description**: A simple Node.js app to support Visual Studio Codespaces quickstart documentation.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2025-09-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

Visual Studio Codespaces Quickstart Sample
======================================

This is a sample project that supports the Visual Studio Codespaces quickstart documentation. It can be used for either the [browser based quickstart](https://docs.microsoft.com/visualstudio/codespaces/quickstarts/browser) or the [Visual Studio Code based quickstart](https://aka.ms/vso-docs/quickstart/vscode).

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

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

Terminal: 
---------

1. Press **Ctrl**+**Shift**+**backtick** to open a new terminal.
2. 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!
3. Type other Linux commands (`uname`, `ls`, etc.) to interact with the underlying environment.

Browse Files:
-------------

1. Notice that `node_modules` are in the File Explorer.
   > Note: VS Codespaces automatically performed an `npm install` so you can be instantly productive!
2.  Open files to see syntax highlighting.

Edit code:
----------

1. Open `server.js`.
   > Note: ESLint has been installed and configured in this environment. Press **Ctrl**+**Shift**+**M** (**Cmd**+**Shift**+**M** on macOS) to see the problems found by ESLint. Fix then by changing instances of `var` to `const`.
2. Change the message to "Hello {your name} from VS Codespaces!" (on line 17).
   
Build, Run, and Debug:
----------------------

1. Add a breakpoint on line 21.
2. Press **F5** to launch the app.
3. Once the breakpoint is hit, try hovering over variables, examining locals, and more.
4. Press **F5** to continue running the app.

Forward Port:
-------------

1. Open the **Remote Explorer** activity pane.
2. In the **Codespace 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.
3. Click the **Copy Port URL** button in the **localhost:3000** title bar.
4. Paste the URL into the browser of your choice.
   > Note: VS Codespaces has forwarded the environment's port 3000 to a location you can now access.

Disconnect Environment:
-----------------------
1. View the cloud-hosted codespaces in the **Codespaces** panel on the **Remote Explorer**.
2. Right click on **My Quick Codespace** and select **Disconnect**.