👉 Note: The Diff Viewer is now fully integrate into the editor pane (v0.43)

Welcome back. Let’s talk about Cursor’s Diff View. The Diff View feature helps you easily see what’s new or changed in your code. After making some updates, you can click on the Diff View at the top of Cursor. This opens up a side-by-side comparison of your code, with clear visual indicators showing what’s been added, removed, or modified. For example, you might see some new variables or calculations added to your script. In Diff View, red lines represent removed code, and green lines represent new additions. If you’ve worked with Git or other version control tools, this will feel familiar. If you’re not happy with the generated changes, you can fine-tune them directly from the Diff View. For instance, you might want to tweak a variable or remove a console log. Imagine you’re working on a simple Python script for a pancake recipe. This script adjusts the ingredients based on how many servings you need. Now, let’s say you’ve made some changes, and you want to quickly check what’s been added or modified. That’s where Diff View comes in. To start, you’ll use Composer to generate the initial pancake recipe script. Press the shortcut to open Composer, enter a prompt to generate the recipe script, and hit enter. Once generated, the script should include code that calculates ingredients based on the number of servings. Now, let’s modify the recipe by adding a few extra ingredients—like butter, salt, and sugar—to make the pancakes even tastier. Use Composer to add these changes by entering a prompt with the new ingredients, and wait for the code to update. Cursor will finish generating the updated code, adding the new ingredients to the recipe. Now, switch to the Diff View by clicking on the tab at the top of the interface. In Diff View, you’ll notice the changes: green lines represent the new additions (butter, salt, and sugar), and red lines show any removed or altered code, though in this case, it’s mostly additions. If you need to make small tweaks—like adjusting the amounts of butter or salt—you can do that right in the Diff View by clicking on the lines and editing directly. Once you’re happy with the changes, hit Apply to merge the updated code with your main codebase. All the diff changes will be added seamlessly. You’ve just used Composer and Diff View to generate, modify, and review code for your pancake recipe. In this lesson, you learned how to generate a simple Python script for a pancake recipe using Composer. Then, we made some quick changes and used the Diff View to easily track and review those updates. The diff viewer makes it simple to see what’s been added or changed, and you can even make further edits right within the view before applying everything to your project. Next up, we’ll dive deeper into more advanced features of Cursor, so stick around and let’s keep building.