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:
|
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**.
|
||||||
|
|
Загрузка…
Ссылка в новой задаче