Update README for Codespace Details panel
This commit is contained in:
Родитель
dc5b8e1772
Коммит
dce1ce8347
37
README.md
37
README.md
|
@ -10,44 +10,45 @@ This repository has been cloned into your VS Codespaces cloud-hosted environment
|
|||
Terminal:
|
||||
---------
|
||||
|
||||
1. Press [`ctrl`]+[`shift`]+[`backtick`] to open a new terminal
|
||||
2. From the terminal run `node --version`
|
||||
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
|
||||
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
|
||||
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
|
||||
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`] 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)
|
||||
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
|
||||
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 **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
|
||||
3. Click the **Copy Port URL** button in the **localhost:3000** title bar
|
||||
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
|
||||
> Note: VS Codespaces has forwarded the environment's port 3000 to a location you can now access.
|
||||
|
||||
Disconnect Environment:
|
||||
-----------------------
|
||||
1. View the environments in the **Codespaces** panel on the **Remote Explorer**
|
||||
2. Right click on **My Quick Environment** and select **Disconnect**
|
||||
1. View the cloud-hosted codespaces in the **Codespaces** panel on the **Remote Explorer**.
|
||||
2. Right click on **My Quick Codespace** and select **Disconnect**.
|
||||
|
|
Загрузка…
Ссылка в новой задаче