The latest articles on Forem by Ollie Ridsdale (@oridsdale). https://forem.com/oridsdale https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F18646%2Fc231897a-f1c7-4546-bff4-3c9f6c0c8ba8.jpg https://forem.com/oridsdale en Ollie Ridsdale Tue, 07 May 2024 16:20:24 +0000 https://forem.com/shortcutmasters/5-useful-vscode-shortcuts-for-github-copilot-2i26 https://forem.com/shortcutmasters/5-useful-vscode-shortcuts-for-github-copilot-2i26 <p>If you're a Copilot user, you're probably already familiar with the shortcuts to accept (<code>tab</code>) and dismiss suggestions (<code>esc</code>). </p> <p>But did you know about these 5 shortcuts? I've personally found them really useful.</p> <h2> 1. Show next/previous inline suggestion </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbfk2ofo1aw78b43h5xzc.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbfk2ofo1aw78b43h5xzc.gif" alt="Demonstrates the shortcut in action, cycling through inline suggestions with copilot in the vscode editor"></a></p> <p>This shortcut lets you cycle forwards and backwards between different inline suggestions offered by Copilot</p> <p><strong>Mac</strong>: <code>Option ⌥</code> + <code>[</code> / <code>Option ⌥</code> + <code>]</code><br> <strong>Windows &amp; Linux</strong>: <code>Alt</code> + <code>[</code> / <code>Alt</code> + <code>]</code></p> <h2> 2. Trigger an inline suggestion </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fojj9s1345twbqxzqjmb4.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fojj9s1345twbqxzqjmb4.gif" alt="Demonstrates the shortcut in action, a copilot suggestion is triggered which looks like a predective suggestion inline in the vscode editor"></a></p> <p>This one is super useful if you accidentally dismiss a suggestion with <code>esc</code>, you can have Copilot trigger a new suggestion.</p> <p><strong>Mac</strong>: <code>Option ⌥</code> + <code>\</code><br> <strong>Windows &amp; Linux</strong>: <code>Alt</code> + <code>\</code></p> <h2> 3. Open suggestions panel </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxdp0a7m8rwtw8k3e1mzm.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxdp0a7m8rwtw8k3e1mzm.gif" alt="Demonstrates the suggestion panel being popped open on shortcut press in the vscode editor"></a></p> <p>If cycling through shortcuts feels cumbersome, you might find this helpful. It opens all the suggestions in a panel where you can more easily review each one.</p> <p><strong>Mac</strong>: <code>Control ⌥</code> + <code>Enter ⏎</code><br> <strong>Windows &amp; Linux</strong>: <code>Ctrl</code> + <code>Enter ⏎</code></p> <h2> 4. Open inline chat </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9yj40wb4mhfq8vr6j3bq.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9yj40wb4mhfq8vr6j3bq.gif" alt="demonstrates an inline chat popup appearing on shortcut press, it looks like a small text box hovering above the curosor which allows the user to input a command to copilot"></a></p> <p>Chat with Copilot inline in your code, Copilot will generate code right at your cursor position.</p> <p>💡 This also works in the terminal, if you'd like guidance on how to do something there.</p> <p><strong>Mac</strong>: <code>Command ⌘</code> + <code>I</code><br> <strong>Windows &amp; Linux</strong>: <code>Ctrl</code> + <code>I</code></p> <h2> 5. Start a new chat </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzr5wtmdv9qhd3ht5ial1.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzr5wtmdv9qhd3ht5ial1.gif" alt="Demonstrates a new copilot chat being created in the chat panel in the vscode editor"></a></p> <p>If you're already chatting with copilot in the chat panel, you can use this shortcut to quickly start a new chat.</p> <p><strong>Mac</strong>: <code>Control ^</code> + <code>L</code><br> <strong>Windows &amp; Linux</strong>: <code>Ctrl</code> + <code>L</code></p> <p>and that's all five!💥. Hopefully you found those helpful. </p> <p>Do you know any other shortcuts in VSCode or for Copilot? Let me know in the comments below, I'd love to hear about them.</p> productivity vscode githubcopilot shortcuts