NES blogpost (#38)

olguzzar · burkeholland · bamurtaugh · web-flow · commit 04675fcbdd7e · 2025-02-12T16:04:49.000+01:00
* add NES blog

* update intro, add agent mode video

* update video to have the setting in it

* update agent mode video

* Tweaks

* Add note about reloading VS Code

* Update blogs/2025/02/12/next-edit-suggestions.md

Co-authored-by: Nick Trogh &lt;1908215+ntrogh@users.noreply.github.com&gt;

* address review items

* Clarify NES acronym reference

* Update agent section

* gifs -&gt; mp4s

---------

Co-authored-by: Burke Holland &lt;buhollan@microsoft.com&gt;
Co-authored-by: Brigit Murtaugh &lt;brigit.murtaugh@microsoft.com&gt;
Co-authored-by: Nick Trogh &lt;1908215+ntrogh@users.noreply.github.com&gt;
diff --git a/blogs/2025/02/12/Agent-Sunrise-1.webp b/blogs/2025/02/12/Agent-Sunrise-1.webp
diff --git a/blogs/2025/02/12/agent-mode-blog-video.mp4 b/blogs/2025/02/12/agent-mode-blog-video.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1c0def9d9c945938e3cabbc07fba8edfafc3882b95ac221018cb16093a5f578e
+size 20172109
diff --git a/blogs/2025/02/12/agent-mode.gif b/blogs/2025/02/12/agent-mode.gif
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6e2dcce5d4918e2088f91b4074da83c8b9960acda36933b708b7fc1b1b749e31
+size 11055380
diff --git a/blogs/2025/02/12/gutter-menu-highlighted-updated.png b/blogs/2025/02/12/gutter-menu-highlighted-updated.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:68fd6edd003ef9eda8200011f2dcb4ebad10a8a7fbf2e0f50c862abd5ad48461
+size 59031
diff --git a/blogs/2025/02/12/nes-arrow-directions.gif b/blogs/2025/02/12/nes-arrow-directions.gif
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bc600dd12f2d09d4e702d882014ca5025c147cc35bc7349fac0719bb64e09928
+size 10804122
diff --git a/blogs/2025/02/12/nes-de-morgan-cover.png b/blogs/2025/02/12/nes-de-morgan-cover.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c5dd404ee3c55ce576f6b3da09a58d08cb3bea2c3ae937f58fdde00749b25959
+size 503554
diff --git a/blogs/2025/02/12/nes-de-morgan.mp4 b/blogs/2025/02/12/nes-de-morgan.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f87e772fe33b7bbf593aeb35b31e306a85fcc161ae6b99bf821f0a2237959d9d
+size 1080299
diff --git a/blogs/2025/02/12/nes-extension-and-package-cover.png b/blogs/2025/02/12/nes-extension-and-package-cover.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7f3517754454040d1c2d84e1895eea14ccff3f8405ab5d1b6c23c00d230007ba
+size 716153
diff --git a/blogs/2025/02/12/nes-extension-and-package.mp4 b/blogs/2025/02/12/nes-extension-and-package.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:018beff5db2f634be66ba1a4291a010df147493d8b2310949bf41a43db61c058
+size 1658894
diff --git a/blogs/2025/02/12/nes-fib-logic-cover.png b/blogs/2025/02/12/nes-fib-logic-cover.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8213ac69d2fbd68fe399981935a4ed5a4c4b832d9710542f3df646b7355c18cd
+size 668594
diff --git a/blogs/2025/02/12/nes-fib-logic.mp4 b/blogs/2025/02/12/nes-fib-logic.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:acf9a002ede94e11f48afe1c32480f51f55350226823bd3954657005101fed99
+size 783022
diff --git a/blogs/2025/02/12/nes-gutter-cover.png b/blogs/2025/02/12/nes-gutter-cover.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:115e65a3abf566bf057bdc2dce4786c4c1aa676f3d57d0c9ccc13771eec66e64
+size 1011617
diff --git a/blogs/2025/02/12/nes-gutter.mp4 b/blogs/2025/02/12/nes-gutter.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f1fb636c1616cb71d24ee8d199908893bb4c95e3da77c222f5003d64db2c0e06
+size 1579298
diff --git a/blogs/2025/02/12/nes-point-cover.png b/blogs/2025/02/12/nes-point-cover.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1cee95068fe05687a9574765d2458bbc123566bc1340fbb4aee4e6237046c808
+size 737272
diff --git a/blogs/2025/02/12/nes-point.mp4 b/blogs/2025/02/12/nes-point.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf83b7e8c7f078bbd9282d5312abc18b7fd2d7287d2f5586477f7eaaa70f0754
+size 716567
diff --git a/blogs/2025/02/12/nes-typo-cover.png b/blogs/2025/02/12/nes-typo-cover.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:60decba8c18a97cb2d531954799120828afb7e6fde5b6e29aae081dae9b1fe91
+size 1015181
diff --git a/blogs/2025/02/12/nes-typo.mp4 b/blogs/2025/02/12/nes-typo.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6b45609400a6e6538ca667256f3e46fa6f4a28c67168548b19ed605d25857a18
+size 1229293
diff --git a/blogs/2025/02/12/nes-video-cover.png b/blogs/2025/02/12/nes-video-cover.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:68ef10ba061b33236daecdd56d626569cedbbf7d8b3578ed70d2978680503804
+size 822206
diff --git a/blogs/2025/02/12/nes-video.mp4 b/blogs/2025/02/12/nes-video.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b034e9f3713e1e7c4dc5aad594c28b553719ce3d356b007e8e20aca0041d757b
+size 5414496
diff --git a/blogs/2025/02/12/next-edit-suggestions.md b/blogs/2025/02/12/next-edit-suggestions.md
@@ -0,0 +1,140 @@
+---
+Order: 92
+TOCTitle: Copilot Next Edit Suggestions (preview)
+PageTitle: Copilot Next Edit Suggestions (preview)
+MetaDescription: Announcing the Next Edit Suggestions and Agent Mode for GitHub Copilot in Visual Studio Code.
+Date: 2025-02-12
+Author: Brigit Murtaugh, Burke Holland
+---
+
+# Copilot Next Edit Suggestions (preview)
+
+February 12, 2025 by [Brigit Murtaugh](https://github.com/bamurtaugh), [Burke Holland](https://github.com/burkeholland)
+
+We're excited to announce not one, not two, but _three_ previews for GitHub Copilot in this release of Visual Studio Code:
+
+1. **Next Edit Suggestions**
+2. **Agent Mode** for Copilot Edits
+3. **Vision**
+
+In this post, we're going to dive into Next Edit Suggestions and take a look at the next evolution of AI-powered code completions in your editor.
+
+## Next Edit Suggestions (NES)
+
+GitHub Copilot code completions - which are also called _ghost text_ - are really good at autocomplete. One of the most incredible feelings you can have working with GitHub Copilot is when it suggests the code that was in your head without you even having to ask for it. But most coding activity involves editing _existing code_ as much as it does writing new lines. It's a natural next step for completions to work on existing code as well.
+
+We call this _Next Edit Suggestions_, or _NES_ for short. And yes - we also feel the game console nostalgia when we see that acronymn.
+
+<video src="nes-video.mp4" title="Copilot NES video" controls poster="/assets/blogs/2025/02/12/nes-video-cover.png"></video>
+
+### Getting started with NES
+
+To get started with Copilot NES, first enable the VS Code setting `setting(github.copilot.nextEditSuggestions.enabled)`.
+
+Like completions, all you need to do to start getting suggestions from NES is to start coding!
+
+When you're presented with an edit suggestion, navigate to it with the `kbstyle(Tab)` key and then accept it with the `kbstyle(Tab)` key again. Forget about manually searching through related files or references. Copilot NES will keep tabs on your next relevant edit!
+
+An arrow in the gutter indicates that there is an edit suggestion available. Hover over the arrow to explore the edit suggestion menu, which includes keyboard shortcuts and settings configuration:
+
+![NES gutter menu expanded](gutter-menu-highlighted-updated.png)
+
+Scrolled all the way past that edit suggestion? The arrow hints you at the location of the next edit suggestion, pointing up or down based on where you are in the file:
+
+![NES with arrow directions changing](nes-arrow-directions.gif)
+
+Suggestions may span a single symbol, an entire line, or multiple lines, depending on the scope of the potential change.
+
+> [!NOTE]
+> You may need to reload VS Code for your updated settings to take effect.
+>
+> If you are a Copilot Business or Enterprise user, an administrator of your organization must opt in to the use of Copilot "Editor Preview Features," in addition to you setting `setting(github.copilot.nextEditSuggestions.enabled)` in your editor.
+>
+> You can learn more about [managing policies for Copilot in your organization](https://docs.github.com/en/copilot/managing-copilot/managing-github-copilot-in-your-organization/managing-policies-for-copilot-in-your-organization#enabling-copilot-features-in-your-organization).
+
+### Example scenarios
+
+Copilot NES is your AI companion as you make changes that may cascade throughout your file or project, and you'll see it shine in a variety of scenarios.
+
+**Catching and correcting mistakes:** Mistakes are a natural part of writing code, and Copilot NES is there to help catch them (sometimes before you even realize the mistake was there!).
+
+NES helps with small mistakes like typos - maybe you were coding quickly in the zone, and you wrote `conts` instead of `const`:
+
+<video src="nes-typo.mp4" title="NES fixing a typo" controls poster="/assets/blogs/2025/02/12/nes-typo-cover.png"></video>
+
+NES can also help with more challenging mistakes in logic, like an inverted ternary expression:
+
+<video src="nes-fib-logic.mp4" title="NES fixing a fibonacci logic mistake" controls poster="/assets/blogs/2025/02/12/nes-fib-logic-cover.png"></video>
+
+Our development team has been self-hosting on NES, and one of our engineers remembered one of his first "aha!" moments with NES as we were putting this blog together. He was writing a condition along the lines of `if (something !== 'a' || something !== 'b')`. NES caught that this statement would always evaluate to true (thanks De Morgan's Law!) and suggested replacing `||` with `&&` to make the code valid:
+
+<video src="nes-de-morgan.mp4" title="NES fixing an if statement mistake" controls poster="/assets/blogs/2025/02/12/nes-de-morgan-cover.png"></video>
+
+**Changing intent:** Copilot NES suggests changes that match a change in intent. For example, changing a class from `Point` to `Point3D` will lead to a suggestion to add a `z` variable to the class definition and to the distance calculation:
+
+<video src="nes-point.mp4" title="NES updating Point to Point3D" controls poster="/assets/blogs/2025/02/12/nes-point-cover.png"></video>
+
+**Using newly added variables or logic:** Copilot NES helps you use new code you just added. This may be a small change, like calling a new method parameter in the actual method.
+
+It could also be more complex: if you added a new command to your VS Code extension's `extension.ts`, NES will first suggest to clean up the command in `extension.ts`. Then when you open `package.json`, NES suggests registering that command as well:
+
+<video src="nes-extension-and-package.mp4" title="NES updating extension project with new command" controls poster="/assets/blogs/2025/02/12/nes-extension-and-package-cover.png"></video>
+
+**Refactoring:** If you use a new name or naming pattern, Copilot NES suggests to update subsequent code similarly:
+
+<video src="nes-gutter.mp4" title="NES suggesting change after updating function name" controls poster="/assets/blogs/2025/02/12/nes-gutter-cover.png"></video>
+
+Read our [full NES docs](https://aka.ms/gh-copilot-nes-docs) for more information and scenarios, as we expand the NES experience.
+
+### Share your feedback
+
+Copilot NES is rapidly evolving, and we can't wait to get your feedback via issues in [our repo](https://github.com/microsoft/vscode-copilot-release) – this will be instrumental to improving the experience.
+
+Please be sure to use [VS Code Insiders](https://code.visualstudio.com/insiders/) and the pre-release version of the [GitHub Copilot Chat extension](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot-chat) to get all of the latest features and fixes.
+
+You can read our [full NES docs](https://aka.ms/gh-copilot-nes-docs) for more information and scenarios as we expand the NES experience.
+
+We're excited about this next step in AI where Copilot anticipates what you'll want to do next - the best prompt is the one that you don't have to write. We hope you're excited too and look forward to seeing what you build!
+
+## Agent mode
+
+As of last week's [VS Code Insiders](https://code.visualstudio.com/insiders/) release, GitHub Copilot Edits now has an option for agent mode.
+
+Agent mode in Copilot Edits is capable of iterating on its own code - recognizing errors and fixing them automatically, executing any terminal commands required to complete the requested task, as well as resolving runtime errors with self-healing capabilities. Instead of performing just the task that the user requests, GitHub Copilot can now infer all of the other tasks that were not specified and also need to be completed in order for the primary request to work.
+
+<video src="agent-mode-blog-video.mp4" title="Copilot agent mode video" controls poster="/assets/blogs/2025/02/12/Agent-Sunrise-1.webp"></video>
+
+We see tremendous power in agent mode for GitHub Copilot. It's getting better every day, but we wanted to get it into your hands as quickly as we could. Watch this space for major changes and improvements over the next few weeks as we refine the experience, and [share your feedback](https://github.com/microsoft/vscode-copilot-release) as you try it out (today in VS Code Insiders, and soon in VS Code Stable).
+
+You can read more about agent mode in [our docs](https://code.visualstudio.com/docs/copilot/copilot-edits#_use-agent-mode-preview).
+
+## Vision
+
+This release of VS Code Insiders also brings Vision support to GitHub Copilot.
+
+It can be frustrating to have to translate what you see into a description for Copilot over and over again. This is especially true when working with user interfaces or asking it how to configure something in the editor. Now, you can just attach a screenshot to your prompt so that Copilot can see exactly what you see. You can...
+
+* Paste from your clipboard
+* Drag and drop images from the Explorer view
+* Attach a screenshot of the current VS Code window (Select Attach > Screenshot Window)
+
+This enables all kinds of scenarios...
+
+* Giving mockups to Copilot so it can generate UI code.
+* Providing a screenshot of an interface that isn't correct so Copilot can help you fix the layout.
+* Generating alt text for images in HTML and Markdown
+* Providing a screenshot of an error
+
+Vision works today in VS Code Insiders and is available to everyone. The only supported model at the moment is GPT 4o, with support for other models in the works. Currently, the supported image types are JPEG/JPG, PNG, GIF, and WEBP.
+
+## New year, new Copilot
+
+We have big plans for Copilot as an AI pair programmer that is not only [freely available to everyone](https://code.visualstudio.com/blogs/2024/12/18/free-github-copilot), but continually pushes the boundaries of what AI can do to radically accelerate your productivity and happiness.
+
+We never stop improving VS Code itself, so check out [our recent release notes](https://code.visualstudio.com/updates) for all the brand new goodness. We're adamant about making sure you have the best possible version of your code editor and the best AI pair programmer.
+
+We know things are moving fast in the world of AI, so make sure to follow us on [X](https://x.com/code)/[Bluesky](https://bsky.app/profile/vscode.dev)/[LinkedIn](https://www.linkedin.com/showcase/vs-code/) and we'll make it easy for you to stay up to date on all of the latest and greatest Copilot capabilities.
+
+Happy coding!
+
+Brigit and Burke

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+version https://git-lfs.github.com/spec/v1`
	`2`	`+oid sha256:1c0def9d9c945938e3cabbc07fba8edfafc3882b95ac221018cb16093a5f578e`
	`3`	`+size 20172109`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+version https://git-lfs.github.com/spec/v1`
	`2`	`+oid sha256:f87e772fe33b7bbf593aeb35b31e306a85fcc161ae6b99bf821f0a2237959d9d`
	`3`	`+size 1080299`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+version https://git-lfs.github.com/spec/v1`
	`2`	`+oid sha256:018beff5db2f634be66ba1a4291a010df147493d8b2310949bf41a43db61c058`
	`3`	`+size 1658894`