百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

前端初次使用 Cursor 的必学技巧_前端cli

ztj100 2025-09-19 06:32 2 浏览 0 评论

持续更新中...

常用配置

  1. 配置vscode布局

文件->首选项->设置

搜索
workbench.activityBar.orientation 设置值为 vertical

  1. 文件标签换行展示
{
"workbench.editor.wrapTabs": true,
}

3. ### 全局设置会话

设置 - > Rules for AI 填充以下:

Always respond in 中文

使用中文 Generate Commit Message

代码注释

使用JSDoc注释

  1. .cursorrules 知识库文件开启

设置 -> Include .cursorrules file -> 勾选

可以配置一些项目的背景,或者项目的框架,或者某些限制条件

例如:

这是我的一个cursorrules知识库,针对与当前 xxx 项目,我的知识库需要包含: 1. 项目背景(当前组件是vue3的一个ui组件库) 2. 为了后续使用全局函数,全局样式,全局组件的使用,提高代码不重复性,你可以总结到知识库中,路经在: ./utils , ./styles ./icons等等 3. 生成代码需要严格遵循ts语法,以及js逻辑语法,vue3语法... 4. 注释需要详细,且遵循JSDoc语法 5. 后续可以自己补充

  1. Project Rules 配置项目单个业务规则

点击add new rule后创建文件.cursor/rule文件,在文件下可以创建单向业务功能规则

  1. 提交配置(新版本)
  • Agent:是 Cursor 的完全自主模式,适用于整个项目。它可以在多个文件中生成代码,运行 shell 命令,还能自行查找上下文,适合通过一句话创建完整项目 。
  • Ask:即原来的 Chat 模式,是一个对话式编码助手,适合了解整个代码的各项功能,也可用于代码局部功能的修改与调试,以及进行快速问答、调试代码和了解更多代码库信息等。
  • Edit:即原来的 Composer(normal)模式,适合用来添加新功能,适用于大型任务的代码生成,比 Ask 模式更自主,能修改多个文件,实现跨多个文件自动执行样板或重复代码任务。
  1. 快捷生成模板代码
  • 进入代码片段设置
  • 新建一个全局的代码片段代码
  • 举个栗子 我vue3的,当我输入vue3

常用插件

  1. Chinese 中文翻译
  1. Git History 查看git提交日志,历史记录
  1. GitLens 查看git提交记录 (通过 行 灰文提示查看 )
  1. Prettier 格式化代码

常用快捷键

  1. 通用编辑操作

操作描述

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

  1. 代码编辑相关

操作描述

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

  1. 分屏与窗口操作

操作描述

Windows/Linux 快捷键

macOS 快捷键

垂直分屏

Ctrl + \

Command + \

切换分屏窗口

Ctrl + 1/2/3...

Command + 1/2/3...

关闭当前分屏窗口

Ctrl + W

Command + W

  1. AI 相关操作

操作描述

Windows/Linux 快捷键

macOS 快捷键

调用 AI 侧栏窗口

Ctrul + I/L

Command + I/L

调用 AI 辅助窗口

Ctrl + K

Command + K

AI操作技巧

  1. @Files:通用注记,在对话框输入时,会弹出代码仓库检索列表。输入文件名确认后,可将相应文件内容注入上下文。
  2. @Code:通用注记,输入后弹出检索框,通过关键词选择代码块,由开发环境的 LSP 识别代码块,准确性较高。
  3. @Docs:通用注记,从函数或库的在线官方文档获取上下文,无法使用本地类似 JSDoc 的文档信息,适用性有限。
  4. @Web:通用注记,将提问发送到搜索引擎,从搜索结果提取上下文供 LLM 使用,功能未完全优化,效果不稳定。
  5. @Folders:通用注记,提供文件目录相关信息,适用于解决路径相关问题。
  6. @Chat:仅在文件内代码生成窗口(通过 CTRL + K 打开)使用,把右侧对话窗口的对话内容作为上下文传递给大模型。
  7. @Definitions:仅在文件内代码生成窗口使用,将光标所在行代码涉及的变量和类型定义作为上下文传递给大模型,类似 @Code 注记功能。
  8. @Git:仅在对话窗口(通过 CTRL + L 和 CTRL + I 打开)使用,把当前 Git 仓库的 commit 历史作为上下文传递给大模型,适用于代码协作时查看历史记录或确认责任。
  9. @Codebase:仅在对话窗口使用,用于从代码仓找到所需文件的上下文,类似 CodebaseFilter,需设置过滤条件和参数,日常开发实用性较低。

无限邮箱方式

  1. 进入 官网 ,注销cursor账号
  2. 退出cursor软件
  3. 如果是window电脑,进入控制后台
  1. 执行清除缓存操作(一直敲回车即可)

irm aizaozao.com/accelerate.… | iex

  1. 回到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...

取消回复欢迎 发表评论: