Skip to content

Commit

Permalink
Update to 3 in STEP and README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
github-actions committed Jul 17, 2023
1 parent a09967b commit 301de7b
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 23 deletions.
2 changes: 1 addition & 1 deletion .github/steps/-step.txt
Original file line number Diff line number Diff line change
@@ -1 +1 @@
2
3
46 changes: 24 additions & 22 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,52 +16,54 @@ _GitHub Copilot can help you code by offering autocomplete-style suggestions rig
</header>

<!--
<<< Author notes: Step 2 >>>
<<< Author notes: Step 3 >>>
Start this step by acknowledging the previous step.
Define terms and link to docs.github.com.
-->

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

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

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.
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.

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

### :keyboard: Activity: Add a Javascript file and start writing code
> **Note**
> Pull MUST be done prior to the next activity.
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.
2. Name the file `skills.js`
3. Verify your new file looks like:
![Screen Shot 2023-03-09 at 9 21 34 AM](https://user-images.githubusercontent.com/26442605/224105906-d1beb531-b747-4c7a-85ba-a12526488422.png)
4. In the `skills.js` file, type the following function header.
1. Use the VS Code terminal to pull the latest code:

```
function calculateNumbers(var1, var2)
git pull
```

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.
![Screen Shot 2023-04-27 at 10 23 06 AM](https://user-images.githubusercontent.com/26442605/234941079-b4bf3e9d-fc70-4b20-b74c-0ee753ba344e.png)
### :keyboard: Activity: Add another Javascript method and view all suggestions

5. Press `Tab` to accept the suggestion.
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.
2. Name the file `member.js`
3. In the `member.js` file, type the following function header.
```
function skillsMember()
```
4. Stop typing and view the Copilot suggestion by hovering over the red squiggly and select the `...`
5. Click `Open Completions Panel`. Copilot will synthesize around 10 different code suggestions. You should see something like this:
![Screen Shot 2023-04-27 at 10 06 55 AM](https://user-images.githubusercontent.com/26442605/234937592-d196bd5e-8ac2-4d9a-87f4-94e8a9b6a417.png)
6. Find a solution you like and click `Accept Solution`.
7. Your `member.js` file will be updated with your solution.

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

1. Use the VS Code terminal to add the `skills.js` file to the repository:
1. Use the VS Code terminal to add the `member.js` file to the repository:

```
git add skills.js
git add member.js
```

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

```
git commit -m "Copilot first commit"
git commit -m "Copilot second commit"
```

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

0 comments on commit 301de7b

Please sign in to comment.