mirror of
https://github.com/Exp-Primer-Copilot-Cohort-1/experience-primer-copilot-exituser.git
synced 2026-09-17 04:18:57 +00:00
Update to 4 in STEP and README.md
This commit is contained in:
@@ -1 +1 @@
|
||||
3
|
||||
4
|
||||
|
||||
@@ -16,16 +16,18 @@ _GitHub Copilot can help you code by offering autocomplete-style suggestions rig
|
||||
</header>
|
||||
|
||||
<!--
|
||||
<<< Author notes: Step 3 >>>
|
||||
<<< Author notes: Step 4 >>>
|
||||
Start this step by acknowledging the previous step.
|
||||
Define terms and link to docs.github.com.
|
||||
-->
|
||||
|
||||
## Step 3: View the GitHub Copilot tab with multiple suggestions
|
||||
## Step 4: Using comments to generate code with Copilot
|
||||
|
||||
_Nice work! You just used AI code suggestions within a Javascript file by using GitHub Copilot :sparkles:_
|
||||
_Nicely done utilizing the Copilot tab!_ :partying_face:
|
||||
|
||||
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.
|
||||
You now have leveraged the Copilot quick tab auto-suggest as well as the Copilot hub to accept AI generated suggestions.
|
||||
|
||||
Now lets see how you can leverage comments to generate Copilot suggestions!
|
||||
|
||||
### :keyboard: Activity: Pull the latest code to the Codespace repo.
|
||||
|
||||
@@ -38,32 +40,38 @@ Keep in mind that as you continue to use copilot, you may not want some of the s
|
||||
git pull
|
||||
```
|
||||
|
||||
### :keyboard: Activity: Add another Javascript method and view all suggestions
|
||||
### :keyboard: Activity: Generate Copilot suggested code from comments.
|
||||
|
||||
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.
|
||||
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.)
|
||||
2. Name the file `comments.js`.
|
||||
3. Type the following comment into the file:
|
||||
```
|
||||
function skillsMember()
|
||||
// Create web server
|
||||
```
|
||||
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:
|
||||

|
||||
6. Find a solution you like and click `Accept Solution`.
|
||||
7. Your `member.js` file will be updated with your solution.
|
||||
4. Press `enter` to go to a new line.
|
||||
5. Copilot will suggest a code block.
|
||||
6. Hover over the red squggly and select the `...`
|
||||
|
||||
> **Note**
|
||||
> 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.
|
||||
|
||||
7. Click `Open Completions Panel`. Copilot will synthesise around 10 different code suggestions. You should see something like this:
|
||||

|
||||
8. Find a solution you like and click `Accept Solution`.
|
||||
9. Your `comments.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 `member.js` file to the repository:
|
||||
1. Use the VS Code terminal to add the `comments.js` file to the repository:
|
||||
|
||||
```
|
||||
git add member.js
|
||||
git add comments.js
|
||||
```
|
||||
|
||||
2. Next from the VS Code terminal stage and commit the changes to the repository:
|
||||
|
||||
```
|
||||
git commit -m "Copilot second commit"
|
||||
git commit -m "Copilot third commit"
|
||||
```
|
||||
|
||||
3. Finally from the VS Code terminal push to code to the repository:
|
||||
|
||||
Reference in New Issue
Block a user