This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
Font Size:
Introduction
Key Features
Uniqueness
Frequently Asked Questions
Open-Source?
Registration Needed?
Installation Required?
AI-empowered?
Specifications
URL:
Country or Region:
Author(s):
License:
Operating System(s):
Language(s):
Registration Needed:
Installation Required:
Video Demonstration
User Guide
This guide outlines how to install the Cursor application, and leverage its AI-powered features to chat with, refactor, edit, and debug your code. (Reference Version: 1.3.7)
Download and Install Cursor
| a. | Navigate to the website: https://cursor.com/en/downloads; |
| b. | Click the Download button; |
| c. | Run the installer and follow the on-screen instructions to complete the installation; |
| d. | Launch the Cursor application, and configure initial settings on first launch (Note: Cursor is built on VS Code, so it can seamlessly integrate your previous settings); |
| e. | Select Open project, Clone repo, or Connect via SSH from the welcome screen. |
Chat the Code with AI
| a. | Click File in the top menu bar; |
| b. | Select Open Folder... from the dropdown menu, choose a project directory, and click Select Folder; |
| c. | Press Ctrl+Alt+B to open the New chat panel; |
| d. | Click the Agent button to select the desired AI interaction mode; |
| e. | Click the model selector dropdown menu to choose a specific AI model (Note: The Auto-select feature allows Cursor to choose the best model based on performance and availability); |
| f. | Click the @ Add context button to include relevant information such as files, folders, or linter errors; |
| g. | Click the image icon to upload a UI design or mockup image as a visual reference (Note: Cursor supports a wide range of image file types, including PNG, JPEG, and WEBP); |
| h. | Enter the prompt for code generation in the text field and click the Send button; |
| i. | Examine the generated response or code and click Accept to integrate the code into the project; |
| j. | Click the three-dot icon on the top panel and select Terminal > New Terminal to open a new terminal instance. |
Refactor and Edit Code with AI
| a. | Open the desired file within the project directory; |
| b. | Highlight the block of code to be refactored, documented, or edited; |
| c. | Press Ctrl+K to open the inline AI editing prompt directly over the selected code; |
| d. | Enter a clear instruction for the AI, such as "Convert this to an async function," "Add JSDoc comments," or "Optimise this algorithm for performance"; |
| e. | Press Enter to generate the modified code; |
| f. | View the original code alongside the AI's suggestions (Note: This side-by-side comparison is crucial for reviewing changes before they are applied); |
| g. | Click the Accept button to apply the changes to the file, or click Reject to discard them. |
Debug Code with AI
| a. | Open a file that contains an error, or run the application to produce an error message in the terminal; |
| b. | Hover over a code segment highlighted in red by the linter to reveal the error in the editor; |
| c. | Click the View button that appears in the error tooltip to view the suggested modification in Cursor Tab Preview; |
| d. | Click the Tick icon on the upper-right corner to accept the changes; |
| e. | Select the code and press Ctrl+K or click the Add to Chat button to chat with AI; |
| f. | Ask the AI to resolve the issue, for example: "Explain this error and provide a fix for the code in main.py"; |
| g. | View the explanation of the bug and suggested corrected code snippet. |
Educational Scenarios
Educators' Perspectives
Learners' Perspectives