Update README for Codespace Details panel

This commit is contained in:
Greg Van Liew 2020-06-18 11:43:19 -07:00
Родитель dc5b8e1772
Коммит dce1ce8347
1 изменённых файлов: 19 добавлений и 18 удалений

Просмотреть файл

@ -10,44 +10,45 @@ This repository has been cloned into your VS Codespaces cloud-hosted environment
Terminal: Terminal:
--------- ---------
1. Press [`ctrl`]+[`shift`]+[`backtick`] to open a new terminal 1. Press **Ctrl**+**Shift**+**backtick** to open a new terminal.
2. From the terminal run `node --version` 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! > 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 3. Type other Linux commands (`uname`, `ls`, etc.) to interact with the underlying environment.
Browse Files: Browse Files:
------------- -------------
1. Notice that `node_modules` are in the File Explorer 1. Notice that `node_modules` are in the File Explorer.
> Note: VS Codespaces automatically performed an `npm install` so you can be instantly productive! > Note: VS Codespaces automatically performed an `npm install` so you can be instantly productive!
2. Open files to see syntax highlighting 2. Open files to see syntax highlighting.
Edit code: Edit code:
---------- ----------
1. Open `server.js` 1. 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`. > 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 18) 2. Change the message to "Hello {your name} from VS Codespaces!" (on line 17).
Build, Run, and Debug: Build, Run, and Debug:
---------------------- ----------------------
1. Add a breakpoint on line 21 1. Add a breakpoint on line 21.
2. Press [`F5`] to launch the app 2. Press **F5** to launch the app.
3. Once the breakpoint is hit, try hovering over variables, examining locals, and more. 3. Once the breakpoint is hit, try hovering over variables, examining locals, and more.
4. Press **F5** to continue running the app.
Forward Port: Forward Port:
------------- -------------
1. Open the **Remote Explorer** activity pane 1. Open the **Remote Explorer** activity pane.
2. In the **Environment Details** panel, click the **Forward Port** button that appears when you hover over **Forwarded Ports (#)** 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 - Enter port 3000 in the prompt.
- Accept the default name - Accept the default name.
3. Click the **Copy Port URL** button in the **localhost:3000** title bar 3. Click the **Copy Port URL** button in the **localhost:3000** title bar.
4. Paste the URL into the browser of your choice. 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 > Note: VS Codespaces has forwarded the environment's port 3000 to a location you can now access.
Disconnect Environment: Disconnect Environment:
----------------------- -----------------------
1. View the environments in the **Codespaces** panel on the **Remote Explorer** 1. View the cloud-hosted codespaces in the **Codespaces** panel on the **Remote Explorer**.
2. Right click on **My Quick Environment** and select **Disconnect** 2. Right click on **My Quick Codespace** and select **Disconnect**.