Skip to content

Commit 10434e9

Browse files
Update to 3 in STEP and README.md
1 parent 48b0dda commit 10434e9

File tree

2 files changed

+25
-23
lines changed

2 files changed

+25
-23
lines changed

.github/steps/-step.txt

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

README.md

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

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

24-
## Step 2: Seeing AI code suggestions in a Javascript file!
24+
## Step 3: View the GitHub Copilot tab with multiple suggestions
2525

26-
_Nice work! :tada: You created a Codespace using a devcontainer file that installed Copilot!_
26+
_Nice work! You just used AI code suggestions within a Javascript file by using GitHub Copilot :sparkles:_
2727

28-
GitHub Copilot provides suggestions for numerous languages and a wide variety of frameworks, but works especially well for Python, JavaScript, TypeScript, Ruby, Go, C# and C++. The following samples are in JavaScript, but other languages will work similarly.
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.
2929

30-
Let's try this out utilizing Javascript for Copilot.
30+
### :keyboard: Activity: Pull the latest code to the Codespace repo.
3131

32-
### :keyboard: Activity: Add a Javascript file and start writing code
32+
> **Note**
33+
> Pull MUST be done prior to the next activity.
3334
34-
1. From inside the codespace in the VS Code explorer window, create a new file.
35-
36-
> **Note**:
37-
> If you closed the Codespace from above, please open it back up or create a new Codespace.
38-
39-
2. Name the file `skills.js`
40-
3. Verify your new file looks like:
41-
![Screen Shot 2023-03-09 at 9 21 34 AM](https://user-images.githubusercontent.com/26442605/224105906-d1beb531-b747-4c7a-85ba-a12526488422.png)
42-
4. In the `skills.js` file, type the following function header.
35+
1. Use the VS Code terminal to pull the latest code:
4336

4437
```
45-
function calculateNumbers(var1, var2)
38+
git pull
4639
```
4740

48-
GitHub Copilot will automatically suggest an entire function body in grayed text. Below is an example of what you'll most likely see, but the exact suggestion may vary.
49-
![Screen Shot 2023-04-27 at 10 23 06 AM](https://user-images.githubusercontent.com/26442605/234941079-b4bf3e9d-fc70-4b20-b74c-0ee753ba344e.png)
41+
### :keyboard: Activity: Add another Javascript method and view all suggestions
5042

51-
5. Press `Tab` to accept the suggestion.
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.
46+
```
47+
function skillsMember()
48+
```
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.
5254

5355
### :keyboard: Activity: Push code to your repository from the codespace
5456

55-
1. Use the VS Code terminal to add the `skills.js` file to the repository:
57+
1. Use the VS Code terminal to add the `member.js` file to the repository:
5658

5759
```
58-
git add skills.js
60+
git add member.js
5961
```
6062

6163
2. Next from the VS Code terminal stage and commit the changes to the repository:
6264

6365
```
64-
git commit -m "Copilot first commit"
66+
git commit -m "Copilot second commit"
6567
```
6668

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

0 commit comments

Comments
 (0)