前端初次使用 Cursor 的必学技巧_前端cli
ztj100 2025-09-19 06:32 2 浏览 0 评论
持续更新中...
常用配置
- 配置vscode布局
文件->首选项->设置
搜索
workbench.activityBar.orientation 设置值为 vertical
- 文件标签换行展示
{
"workbench.editor.wrapTabs": true,
}
3. ### 全局设置会话
设置 - > Rules for AI 填充以下:
Always respond in 中文
使用中文 Generate Commit Message
代码注释
使用JSDoc注释
- .cursorrules 知识库文件开启
设置 -> Include .cursorrules file -> 勾选
可以配置一些项目的背景,或者项目的框架,或者某些限制条件
例如:
这是我的一个cursorrules知识库,针对与当前 xxx 项目,我的知识库需要包含: 1. 项目背景(当前组件是vue3的一个ui组件库) 2. 为了后续使用全局函数,全局样式,全局组件的使用,提高代码不重复性,你可以总结到知识库中,路经在: ./utils , ./styles ./icons等等 3. 生成代码需要严格遵循ts语法,以及js逻辑语法,vue3语法... 4. 注释需要详细,且遵循JSDoc语法 5. 后续可以自己补充
- Project Rules 配置项目单个业务规则
点击add new rule后创建文件.cursor/rule文件,在文件下可以创建单向业务功能规则
- 提交配置(新版本)
- Agent:是 Cursor 的完全自主模式,适用于整个项目。它可以在多个文件中生成代码,运行 shell 命令,还能自行查找上下文,适合通过一句话创建完整项目 。
- Ask:即原来的 Chat 模式,是一个对话式编码助手,适合了解整个代码的各项功能,也可用于代码局部功能的修改与调试,以及进行快速问答、调试代码和了解更多代码库信息等。
- Edit:即原来的 Composer(normal)模式,适合用来添加新功能,适用于大型任务的代码生成,比 Ask 模式更自主,能修改多个文件,实现跨多个文件自动执行样板或重复代码任务。
- 快捷生成模板代码
- 进入代码片段设置
- 新建一个全局的代码片段代码
- 举个栗子 我vue3的,当我输入vue3
常用插件
- Chinese 中文翻译
- Git History 查看git提交日志,历史记录
- GitLens 查看git提交记录 (通过 行 灰文提示查看 )
- Prettier 格式化代码
常用快捷键
- 通用编辑操作
操作描述 | Windows/Linux 快捷键 | macOS 快捷键 |
撤销上一步操作 | Ctrl + Z | Command + Z |
恢复上一步撤销的操作 | Ctrl + Y | Command + Shift + Z |
复制选中内容 | Ctrl + C | Command + C |
粘贴复制的内容 | Ctrl + V | Command + V |
全选文档内容 | Ctrl + A | Command + A |
保存当前文件 | Ctrl + S | Command + S |
查找文本 | Ctrl + F | Command + F |
替换文本 | Ctrl + H | Command + Option + F |
快速打开文件 | Ctrl + P | Command + P |
- 代码编辑相关
操作描述 | Windows/Linux 快捷键 | macOS 快捷键 |
注释 / 取消注释选中代码 | Ctrl + / | Command + / |
上下移动选中的代码行 | Alt + 上/下箭头 | Option + 上/下箭头 |
复制当前行并粘贴到下一行 | Ctrl + D | Command + D |
删除当前行 | Ctrl + Shift + X | Command + Shift + X |
格式化代码 | Ctrl + Shift + I | Command + Shift + I |
智能提示(代码补全) | Ctrl + Space | Control + Space |
- 分屏与窗口操作
操作描述 | Windows/Linux 快捷键 | macOS 快捷键 |
垂直分屏 | Ctrl + \ | Command + \ |
切换分屏窗口 | Ctrl + 1/2/3... | Command + 1/2/3... |
关闭当前分屏窗口 | Ctrl + W | Command + W |
- AI 相关操作
操作描述 | Windows/Linux 快捷键 | macOS 快捷键 |
调用 AI 侧栏窗口 | Ctrul + I/L | Command + I/L |
调用 AI 辅助窗口 | Ctrl + K | Command + K |
AI操作技巧
- @Files:通用注记,在对话框输入时,会弹出代码仓库检索列表。输入文件名确认后,可将相应文件内容注入上下文。
- @Code:通用注记,输入后弹出检索框,通过关键词选择代码块,由开发环境的 LSP 识别代码块,准确性较高。
- @Docs:通用注记,从函数或库的在线官方文档获取上下文,无法使用本地类似 JSDoc 的文档信息,适用性有限。
- @Web:通用注记,将提问发送到搜索引擎,从搜索结果提取上下文供 LLM 使用,功能未完全优化,效果不稳定。
- @Folders:通用注记,提供文件目录相关信息,适用于解决路径相关问题。
- @Chat:仅在文件内代码生成窗口(通过 CTRL + K 打开)使用,把右侧对话窗口的对话内容作为上下文传递给大模型。
- @Definitions:仅在文件内代码生成窗口使用,将光标所在行代码涉及的变量和类型定义作为上下文传递给大模型,类似 @Code 注记功能。
- @Git:仅在对话窗口(通过 CTRL + L 和 CTRL + I 打开)使用,把当前 Git 仓库的 commit 历史作为上下文传递给大模型,适用于代码协作时查看历史记录或确认责任。
- @Codebase:仅在对话窗口使用,用于从代码仓找到所需文件的上下文,类似 CodebaseFilter,需设置过滤条件和参数,日常开发实用性较低。
无限邮箱方式
- 进入 官网 ,注销cursor账号
- 退出cursor软件
- 如果是window电脑,进入控制后台
- 执行清除缓存操作(一直敲回车即可)
irm aizaozao.com/accelerate.… | iex
- 回到cursor官网重新注册账户,并且登陆cursor软件
相关推荐
- 离谱!写了5年Vue,还不会自动化测试?
-
前言大家好,我是倔强青铜三。是一名热情的软件工程师,我热衷于分享和传播IT技术,致力于通过我的知识和技能推动技术交流与创新,欢迎关注我,微信公众号:倔强青铜三。Playwright是一个功能强大的端到...
- package.json 与 package-lock.json 的关系
-
模块化开发在前端越来越流行,使用node和npm可以很方便的下载管理项目所需的依赖模块。package.json用来描述项目及项目所依赖的模块信息。那package-lock.json和...
- Github 标星35k 的 SpringBoot整合acvtiviti开源分享,看完献上膝盖
-
前言activiti是目前比较流行的工作流框架,但是activiti学起来还是费劲,还是有点难度的,如何整合在线编辑器,如何和业务表单绑定,如何和系统权限绑定,这些问题都是要考虑到的,不是说纯粹的把a...
- Vue3 + TypeScript 前端研发模板仓库
-
我们把这个Vue3+TypeScript前端研发模板仓库的初始化脚本一次性补全到可直接运行的状态,包括:完整的目录结构所有配置文件研发规范文档示例功能模块(ExampleFeature)...
- Vue 2迁移Vue 3:从响应式到性能优化
-
小伙伴们注意啦!Vue2已经在2023年底正式停止维护,再不升级就要面临安全漏洞没人管的风险啦!而且Vue3带来的性能提升可不是一点点——渲染速度快40%,内存占用少一半,更新速度直接翻倍!还在...
- VUE学习笔记:声明式渲染详解,对比WEB与VUE
-
声明式渲染是指使用简洁的模板语法,声明式的方式将数据渲染进DOM系统。声明式是相对于编程式而言,声明式是面向对象的,告诉框架做什么,具体操作由框架完成。编程式是面向过程思想,需要手动编写代码完成具...
- 苏州web前端培训班, 苏州哪里有web前端工程师培训
-
前端+HTML5德学习内容:第一阶段:前端页面重构:PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;第二阶段:高级程序设计:原生交互功能开发、面向对象开发与ES5/ES6、工具库...
- 跟我一起开发微信小程序——扩展组件的代码提示补全
-
用户自定义代码块步骤:1.HBuilderX中工具栏:工具-代码块设置-vue代码块2.通过“1”步骤打开设置文件...
- JimuReport 积木报表 v1.9.3发布,免费可视化报表
-
项目介绍积木报表JimuReport,是一款免费的数据可视化报表,含报表、大屏和仪表盘,像搭建积木一样完全在线设计!功能涵盖:数据报表、打印设计、图表报表、门户设计、大屏设计等!...
- 软开企服开源的无忧企业文档(V2.1.3)产品说明书
-
目录1....
- 一款面向 AI 的下一代富文本编辑器,已开源
-
简介AiEditor是一个面向AI的下一代富文本编辑器。开箱即用、支持所有前端框架、支持Markdown书写模式什么是AiEditor?AiEditor是一个面向AI的下一代富文本编辑...
- 玩转Markdown(2)——抽象语法树的提取与操纵
-
上一篇玩转Markdown——数据的分离存储与组件的原生渲染发布,转眼已经鸽了大半年了。最近在操纵mdast生成md文件的时候,心血来潮,把玩转Markdown(2)给补上了。...
- DeepseekR1+ollama+dify1.0.0搭建企业/个人知识库(入门避坑版)
-
找了网上的视频和相关文档看了之后,可能由于版本不对或文档格式不对,很容易走弯路,看完这一章,可以让你少踩三天的坑。步骤和注意事项我一一列出来:1,前提条件是在你的电脑上已配置好ollama,dify1...
- 升级JDK17的理由,核心是降低GC时间
-
升级前后对比升级方法...
- 一个vsCode格式化插件_vscode格式化插件缩进量
-
ESlint...
你 发表评论:
欢迎- 一周热门
-
-
MySQL中这14个小玩意,让人眼前一亮!
-
旗舰机新标杆 OPPO Find X2系列正式发布 售价5499元起
-
【VueTorrent】一款吊炸天的qBittorrent主题,人人都可用
-
面试官:使用int类型做加减操作,是线程安全吗
-
C++编程知识:ToString()字符串转换你用正确了吗?
-
【Spring Boot】WebSocket 的 6 种集成方式
-
PyTorch 深度学习实战(26):多目标强化学习Multi-Objective RL
-
pytorch中的 scatter_()函数使用和详解
-
与 Java 17 相比,Java 21 究竟有多快?
-
基于TensorRT_LLM的大模型推理加速与OpenAI兼容服务优化
-
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)