|
47 | 47 | ### Software - Required Before the Workshop |
48 | 48 |
|
49 | 49 | - **Git** - [Download Git](https://git-scm.com/downloads) (Windows/Linux) or Xcode Command Line Tools (macOS) |
50 | | -- **Visual Studio Code** (free) - [download here](https://code.visualstudio.com/) |
51 | | -- **GitHub Copilot Chat** extension for VS Code - installed from within VS Code (this single extension provides both inline suggestions and Chat) |
| 50 | +- **Visual Studio Code** (free) - [download here](https://code.visualstudio.com/) (GitHub Copilot is included automatically) |
52 | 51 | - A GitHub Copilot subscription or Free tier access (Copilot Free is available to all GitHub users) |
53 | 52 |
|
54 | 53 | ### Screen Reader Options |
@@ -611,60 +610,26 @@ Use the same email you registered with GitHub. If you're concerned about privacy |
611 | 610 |
|
612 | 611 | ## Step 8 - Install VS Code Extensions |
613 | 612 |
|
614 | | -This workshop uses two VS Code extensions. Both are published by GitHub and are free. Install them in the order shown below. |
| 613 | +This workshop uses two VS Code extensions. GitHub Copilot is built into VS Code automatically. The GitHub Pull Requests extension needs to be installed manually. Both authenticate through your browser session - if you are signed into GitHub in your web browser, VS Code picks up the session automatically. |
615 | 614 |
|
616 | 615 | --- |
617 | 616 |
|
618 | | -### Sign in to GitHub in VS Code first |
| 617 | +### GitHub Copilot (Built In) |
619 | 618 |
|
620 | | -Both extensions require you to be signed into GitHub. Do this once and both will be authenticated. |
| 619 | +GitHub Copilot is automatically included with Visual Studio Code. There is no extension to install separately. It provides both inline code completions and the conversational Agent mode panel used throughout the second half of the workshop. |
621 | 620 |
|
622 | | -1. Open VS Code |
623 | | -2. Press `Ctrl+Shift+P` to open the Command Palette |
624 | | -3. Type: `sign in` and arrow down to **"GitHub: Sign in"** - press `Enter` |
625 | | - - Your default web browser will open to a GitHub authentication page |
626 | | -4. In the browser, confirm your GitHub account when prompted and select **Authorize Visual Studio Code** |
627 | | -5. Switch back to VS Code - your browser may ask you to confirm opening VS Code; select **Open** or **Allow** |
628 | | -6. You should hear VS Code announce a notification, and the accounts icon in the Activity Bar will show your GitHub username |
| 621 | +#### Activate Copilot |
629 | 622 |
|
630 | | -> **Screen reader note:** The authentication happens in your browser. After authorizing, your browser will show a page saying "You can close this tab and return to VS Code." Switch back to VS Code with `Alt+Tab` (Windows) or `Cmd+Tab` (macOS). |
631 | | -
|
632 | | ---- |
633 | | - |
634 | | -### Extension 1 - GitHub Copilot Chat |
635 | | - |
636 | | -This single extension provides both inline code completions and the conversational Chat panel. It is used throughout the second half of the workshop. |
637 | | - |
638 | | -#### Install |
639 | | - |
640 | | -1. Press `Ctrl+Shift+X` to open the Extensions panel |
641 | | - - Your screen reader will announce "Extensions" and place focus in the search box |
642 | | -2. Type: `GitHub Copilot Chat` |
643 | | - - The list updates as you type |
644 | | -3. Press `Tab` to move from the search box into the results list |
645 | | -4. Arrow down through the results. Look for **"GitHub Copilot Chat"** with publisher **"GitHub"** |
646 | | - - There are similar-named extensions from other publishers - verify the publisher is "GitHub" before installing |
647 | | -5. Press `Enter` to open the extension details page |
648 | | -6. Press `Tab` to find the **Install** button, then press `Enter` or `Space` |
649 | | -7. Wait for installation to complete - VS Code will announce "Extension installed" or similar |
650 | | - |
651 | | -#### Verify it is working |
652 | | - |
653 | | -1. Press `Ctrl+Shift+I` to open the Copilot Chat panel |
| 623 | +1. Make sure Screen Reader Mode is enabled (see above) |
| 624 | +2. Make sure you are signed into GitHub in your web browser |
| 625 | +3. Press `Ctrl+Shift+I` to open Agent mode |
654 | 626 | - Your screen reader should announce the chat input field |
655 | | -2. Type: `Hello, are you there?` and press `Enter` |
656 | | -3. A response will appear in the chat history above the input field |
657 | | -4. Navigate up with `Shift+Tab` or `Up Arrow` to read the response |
658 | | -5. If you see an error about signing in, press `Ctrl+Shift+P` and run **"GitHub: Sign in"** again |
659 | | - |
660 | | -#### Verify inline completions |
| 627 | +4. Type: `Hello` and press `Enter` |
| 628 | +5. VS Code will automatically sign you into GitHub Copilot using your browser session - no manual sign-in command is needed |
| 629 | +6. A response will appear in the chat history above the input field |
| 630 | +7. Navigate up with `Shift+Tab` or `Up Arrow` to read the response |
661 | 631 |
|
662 | | -1. Press `Ctrl+N` to create a new untitled file |
663 | | -2. Press `Ctrl+Shift+P`, type `change language`, and select **"Change Language Mode"** - choose **Python** or **JavaScript** |
664 | | -3. Start typing a function name such as `function greet` (JavaScript) or `def greet` (Python) |
665 | | -4. Pause for 1-2 seconds - Copilot will suggest a completion in grey ghost text |
666 | | -5. Press `Tab` to accept it, or `Esc` to dismiss |
667 | | -6. If no suggestions appear: confirm Copilot icon shows in the status bar and that you are signed in |
| 632 | +> **That is it.** You do not need to use the Command Palette to sign in. If you are logged into GitHub in your browser, VS Code handles authentication automatically when you first interact with the agent. |
668 | 633 |
|
669 | 634 | --- |
670 | 635 |
|
@@ -735,10 +700,8 @@ GIT & VS CODE (required before the workshop) |
735 | 700 | [ ] Git identity configured (git config --global user.name and user.email) |
736 | 701 | [ ] Visual Studio Code installed |
737 | 702 | [ ] Screen Reader Mode enabled in VS Code (Shift+Alt+F1 or Command Palette) |
738 | | -[ ] Signed into GitHub in VS Code |
739 | | -[ ] GitHub Copilot Chat extension installed (publisher: GitHub) |
740 | | -[ ] Copilot Chat responds in the Chat panel (Ctrl+Shift+I) |
741 | | -[ ] Copilot inline suggestions appear when typing in a file |
| 703 | +[ ] Signed into GitHub in your web browser |
| 704 | +[ ] GitHub Copilot responds in Agent mode (Ctrl+Shift+I, type Hello, get a response) |
742 | 705 | [ ] GitHub Pull Requests extension installed (publisher: GitHub) |
743 | 706 | [ ] Pull Requests panel opens (Ctrl+Shift+P → "Focus on Pull Requests View") |
744 | 707 | ``` |
|
0 commit comments