Beginner
How to apply edit mode for file changes on GitHub Copilot
Quick Answer
Edit mode in GitHub Copilot allows you to make direct modifications to files using AI assistance. Access it through the Copilot Chat panel by typing your editing request and selecting the edit option to apply changes directly to your code.
Prerequisites
- GitHub Copilot subscription
- VS Code with GitHub Copilot extension installed
- Basic understanding of code editors
- File editing permissions in your repository
1
Open GitHub Copilot Chat
Press Ctrl+Shift+I (Windows/Linux) or Cmd+Shift+I (Mac) to open the GitHub Copilot Chat panel. Alternatively, click the Chat icon in the Activity Bar on the left side of VS Code.
Tip
You can also access Copilot Chat by right-clicking in your editor and selecting 'Copilot Chat'
2
Select the target file
Open the file you want to edit in the VS Code editor. Make sure the file is active and visible in the editor pane. The file should be highlighted in the Explorer panel to confirm it's selected.
Tip
Copilot works best when you have the specific file open that you want to modify
3
Type your edit request
In the Copilot Chat input box, type your editing request using natural language. For example:
"Add error handling to this function" or "Refactor this code to use async/await". Be specific about what changes you want.Tip
Use clear, descriptive language and mention specific line numbers if needed
4
Review the suggested changes
After submitting your request, Copilot will analyze your code and provide suggestions. Look for the Edit button or Apply option that appears with the suggested code changes in the chat response.
5
Apply the edit mode
Click the Apply in Editor button or the pencil icon next to the suggested code. This will activate edit mode and show a preview of the changes directly in your file with highlighted additions and deletions.
Tip
The changes will be shown with green highlights for additions and red for deletions
6
Review changes in diff view
VS Code will display the proposed changes in a diff view. Examine the before and after code carefully. You can see original code on the left and proposed changes on the right side of the editor.
Tip
Take time to understand each change before accepting to avoid introducing bugs
7
Accept or reject changes
Use the Accept button to apply all changes, or Reject to cancel them. You can also use Accept Change or Reject Change buttons for individual modifications if you want to apply only specific parts.
Tip
You can accept some changes and reject others for more granular control
8
Save the modified file
After accepting the changes, save your file using Ctrl+S (Windows/Linux) or Cmd+S (Mac). The file tab will no longer show the unsaved indicator (white dot), confirming your changes are saved.
Tip
Always test your code after applying Copilot edits to ensure functionality
Troubleshooting
Edit button not appearing in chat responses
Ensure you have the latest version of GitHub Copilot extension installed. Restart VS Code and try again. Check that you have an active Copilot subscription.
Changes not being applied to the correct file
Make sure the target file is open and active in the editor before making your edit request. Click on the file tab to ensure it's selected.
Copilot edit suggestions are not relevant
Be more specific in your request and provide context. Select the specific code block you want to modify before asking Copilot for changes.
Unable to see diff view of changes
Check your VS Code settings for diff editor preferences. Go to Settings > Editor > Diff Editor and ensure Render Side by Side is enabled.
Ready to get started with GitHub Copilot?
Put this tutorial into practice. Visit GitHub Copilot and follow the steps above.
Visit GitHub Copilot →