cursor使用及实战

cursor使用及实战

Cursor 是一个基于人工智能的代码编辑器,专为开发者设计,集成了先进的 AI 功能,如代码补全、错误检测、代码优化建议等,旨在提高开发效率和代码质量。

1. 下载cursor

下载地址:link

2. 安装cursor

  1. 傻瓜式安装
    安装cursor
  2. 引进vscode的扩展插件
    在这里插入图片描述
  3. 数据授权huj
  4. 注册账号并登录
    在这里插入图片描述
  5. 跳转到网页进行注册账号并登录
    在这里插入图片描述
  6. 登录成功进入页面
    在这里插入图片描述

3. 使用cursor准备工作

3.1 插件安装

  1. 打开插件窗口
    在这里插入图片描述

  2. 安装常用插件

  • Extension Pack for Java。 该插件可以帮助Visual Studio Code编写、测试和调试java应用程序
  • Material Icon Theme。icon图标插件,为我们提供了非常丰富的icon,美化开发工具使用。
  • Remote-SSH。扩展插件允许使用具有ssh服务器的远程机器作为你的开发环境,大大简化开发和故障排除。

3.2 cursor的vscode配置

{
    "window.commandCenter": 1,
    "update.enableWindowsBackgroundUpdates": false,
    "update.mode": "none",
    "workbench.colorTheme": "Default Light+",
    "workbench.statusBar.visible": false,
    "editor.fontFamily": "Fira Code, Monaco, 'Courier New', monospace",
    "editor.fontSize": 15,
    "editor.lineHeight": 1.8,
    "editor.tabSize": 2,
    "editor.codeActionsOnSave": {
        "source.fixAll": "explicit",
    },
    "editor.minimap.enabled": true,
    "liveServer.settings.donotShowInfoMsg":true,
    "git.confirmSync": false,
    "terminal.external.defaultProfile.windows": "command Prompt",
    "workbench.iconTheme": "material-icon-theme"
} 

4.使用cursor

在这里插入图片描述
经过一些调整后,运行主程序或mvn spring-boot:run
在这里插入图片描述
在这里插入图片描述

5. 访问应用程序

在这里插入图片描述

### 创建继承自 VSCodeCursor 插件开发指南 #### 1. 准备工作环境 为了创建一个基于 Visual Studio Code (VSCode) 的 `cursor` 插件,开发者需先安装 Node.js 和 npm。接着,在命令行工具中全局安装 Yeoman 及其扩展 vsce[^1]。 ```bash npm install -g yo generator-code vsce ``` 这组命令会设置好用于构建新插件的基础架构。 #### 2. 使用 Yeoman 构建项目框架 通过运行下面的指令来启动一个新的 VSCode 扩展工程: ```bash yo code ``` 按照提示选择合适的模板选项,比如 TypeScript 或 JavaScript 来编写代码逻辑,并指定此扩展名为 "Cursor Plugin"。 #### 3. 修改 package.json 文件配置 编辑项目的根目录下的 `package.json` 文件,添加必要的字段以定义激活事件、贡献点和其他元数据信息。对于 cursor 类型的功能来说,可能涉及对文本光标的监听或操作方法声明。 ```json { ... "activationEvents": [ "*" ], "contributes": { "commands": [{ "command": "extension.moveCursor", "title": "Move Cursor To Specific Position" }] } } ``` 上述 JSON 片段展示了如何注册一条新的命令到 VSCode 中去,允许用户调用特定位置移动光标的行为。 #### 4. 实现核心业务逻辑 依据所选编程语言的不同,接下来要实现的就是处理实际交互行为的核心部分——即当触发 `"extension.moveCursor"` 命令时应该执行的动作。这里给出一段简单的 TypeScript 示例代码片段作为参考。 ```typescript import * as vscode from 'vscode'; export function activate(context: vscode.ExtensionContext) { let disposable = vscode.commands.registerCommand('extension.moveCursor', () => { const editor = vscode.window.activeTextEditor; if (!editor) return; const newPosition = new vscode.Position(0, 0); // 定义目标坐标 editor.selections.forEach(selection => { editor.selection = new vscode.Selection(newPosition, newPosition); }); vscode.commands.executeCommand('revealLine', { lineNumber: newPosition.line }); }); context.subscriptions.push(disposable); } // 此处省略 deactivate 方法的具体实现... ``` 这段脚本实现了将当前活动窗口内的所有选定区域统一调整至文档开头的效果;当然也可以根据具体应用场景修改成其他形式的操作方式。 #### 5. 测试与发布流程 完成编码之后就可以利用内置测试机制验证功能是否正常运作了。如果一切顺利,则可以考虑打包并上传至官方市场供更多人下载试用了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值