Skip to content

Commit 3178463

Browse files
Update to 4 in STEP and README.md
1 parent 07f005d commit 3178463

File tree

2 files changed

+26
-18
lines changed

2 files changed

+26
-18
lines changed

.github/steps/-step.txt

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
3
1+
4

README.md

+25-17
Original file line numberDiff line numberDiff line change
@@ -16,16 +16,18 @@ _GitHub Copilot can help you code by offering autocomplete-style suggestions rig
1616
</header>
1717

1818
<!--
19-
<<< Author notes: Step 3 >>>
19+
<<< Author notes: Step 4 >>>
2020
Start this step by acknowledging the previous step.
2121
Define terms and link to docs.github.com.
2222
-->
2323

24-
## Step 3: View the GitHub Copilot tab with multiple suggestions
24+
## Step 4: Using comments to generate code with Copilot
2525

26-
_Nice work! You just used AI code suggestions within a Javascript file by using GitHub Copilot :sparkles:_
26+
_Nicely done utilizing the Copilot tab!_ :partying_face:
2727

28-
Keep in mind that as you continue to use copilot, you may not want some of the suggestions GitHub Copilot offers. GitHub Copilot will show you multiple suggestions in a new tab.
28+
You now have leveraged the Copilot quick tab auto-suggest as well as the Copilot hub to accept AI generated suggestions.
29+
30+
Now lets see how you can leverage comments to generate Copilot suggestions!
2931

3032
### :keyboard: Activity: Pull the latest code to the Codespace repo.
3133

@@ -38,32 +40,38 @@ Keep in mind that as you continue to use copilot, you may not want some of the s
3840
git pull
3941
```
4042

41-
### :keyboard: Activity: Add another Javascript method and view all suggestions
43+
### :keyboard: Activity: Generate Copilot suggested code from comments.
4244

43-
1. From inside the codespace in the VS Code explorer window, create a new file. Note: If you closed the Codespace from above please open it back up or create a new Codespace.
44-
2. Name the file `member.js`
45-
3. In the `member.js` file, type the following function header.
45+
1. From inside the codespace in the VS Code explorer window, create a new file. (If you closed the Codespace from above, please open it back up or create a new Codespace.)
46+
2. Name the file `comments.js`.
47+
3. Type the following comment into the file:
4648
```
47-
function skillsMember()
49+
// Create web server
4850
```
49-
4. Stop typing and view the Copilot suggestion by hovering over the red squiggly and select the `...`
50-
5. Click `Open Completions Panel`. Copilot will synthesize around 10 different code suggestions. You should see something like this:
51-
![Screen Shot 2023-04-27 at 10 06 55 AM](https://user-images.githubusercontent.com/26442605/234937592-d196bd5e-8ac2-4d9a-87f4-94e8a9b6a417.png)
52-
6. Find a solution you like and click `Accept Solution`.
53-
7. Your `member.js` file will be updated with your solution.
51+
4. Press `enter` to go to a new line.
52+
5. Copilot will suggest a code block.
53+
6. Hover over the red squiggly and select the `...`
54+
55+
> **Note**
56+
> If you don't see the copilot code block suggestion or the red squiggly and the three dots `...`, you can type `control + enter` to bring up the GitHub Copilot completions panel.
57+
58+
7. Click `Open Completions Panel`. Copilot will synthesise around 10 different code suggestions. You should see something like this:
59+
![Screen Shot 2023-04-25 at 3 59 42 PM](https://user-images.githubusercontent.com/26442605/234425509-74ea96e0-bbd6-417b-84c5-73546ac7b2cd.png)
60+
8. Find a solution you like and click `Accept Solution`.
61+
9. Your `comments.js` file will be updated with your solution.
5462

5563
### :keyboard: Activity: Push code to your repository from the codespace
5664

57-
1. Use the VS Code terminal to add the `member.js` file to the repository:
65+
1. Use the VS Code terminal to add the `comments.js` file to the repository:
5866

5967
```
60-
git add member.js
68+
git add comments.js
6169
```
6270

6371
2. Next from the VS Code terminal stage and commit the changes to the repository:
6472

6573
```
66-
git commit -m "Copilot second commit"
74+
git commit -m "Copilot third commit"
6775
```
6876

6977
3. Finally from the VS Code terminal push to code to the repository:

0 commit comments

Comments
 (0)