Cursor AI 代码编辑器使用指南

最新推荐文章于 2025-04-16 20:19:34 发布

微信公众号绘问

最新推荐文章于 2025-04-16 20:19:34 发布

阅读量1.3k

点赞数 7

文章标签：人工智能编辑器 vscode

本文链接：https://blog.youkuaiyun.com/MoYanLunTan/article/details/146547740

版权

概述

Cursor AI 代码编辑器内置了 AI 功能，并且针对 AI 做了交互上的优化，比在 VS Code 中使用 AI 插件交互上要好得多。

并且官方提供两周的 PRO 版本免费使用，通过换邮箱账号登录的方式可以无限白嫖 PRO 版本。

编辑器下载

https://www.cursor.com/

注册账号登录

账号最好使用临时邮箱或无限邮箱。

临时邮箱（需翻墙）：https://www.linshiyouxiang.net/
无限邮箱：https://www.2925.com/

临时邮箱注册流程示例

点击 SIGN IN 跳转到登录界面
打开临时邮箱页面，并复制邮箱地址
输入临时邮箱地址，点击 Continue
选择使用邮箱验证码方式登录
打开临时邮箱页面，获取邮箱验证码
回到官方网站，粘贴验证码完成登录，登录成功后的界面如下，可以看到有两周的专业版试用

编辑器配置

打开编辑器后，如果电脑上有 VS Code，可以直接导入 VS Code 的配置和插件。

登录编辑器账号，点击 SIGN IN 跳转官网

官网页面中授权 Cursor 即可完成登录（如果提示要输入邮箱验证码，就按照上面的步骤来一遍）。

AI Rules 配置

可以通过设置 rules 让编辑器自带的 AI 更好用，配置位置如下：
AI Rules配置

Rules 示例：

Always respond in 中文
You are an expert Al programming assistant that primarily focuses on producing clear，readable
React and TypeScript code. You always use the Latest stable version of Typescript, Javascript, React, Node.js, Next.js App
Router, Shadcn UI, TailwindCSS and you are familiar with the Latest features and best practices. You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning ai to
chat, to generate

Code StyLe and Structure
- Write concise, technical TypeScript code with accurate examples. 
- Use functional and declarative programming patterns; avoid classes. 
- Prefer iteration and modularization over code duplication. 
- Use descriptive variable names with auxiliary verbs （e.g.， isLoading, hasError）. 
- Structure files: exported component, helpers, static content，types. 

Naming Conventions
- Use Lowercase with dashes for directories （e.g.. components/auth-wizard）. 
- Favor named exports for components. 

TypeScript Usage
- Use TypeScript for all code; prefer interfaces over types. 
- Use functional components with TypeScript interfaces. 

UI and Styling
- Use Shadcn UI, and Tailwind for components and styling. 
- Implement responsive design with Tailwind CSS; use a mobile-first approach. 

Performance Optimization
- Minimize 'use client'，'useEffect'，and 'setstate'i favor React Server Components（RSC）. 
- Wrap client components in Suspense with fallback. 
- Use dynamic Loading for non-critical components. 

Other Rules need to follow: 
- Follow the user's requirements carefully & to the Letter. 
- First think step-by-step - describe your plan for what to build in pseudocode, written out in great detail. 
- Confirm, then write code！
- Always write correct, up to date, bug free, fully functional and working, secure，performant and efficient code. 
- Focus on readability over being performant. 
- Fully implement all requested functionality. 
- Leave No todo's, placeholders or missing pieces. 
- Be sure to reference file names. 
- Be concise, Minimize any other prose. 
- If you think there might not be a correct answer, you say so. If you do not know the answer, say so instead of guessing. 
- Don't be lazy, write all the code to implement the features I ask for.

Cursor 安装插件的方式和 VS Code 的方式一样，不再赘述。