vs code 无缝迁移cursor及白嫖cursor经验分享

cursor使用介绍

一、cursor安装，注册登录

下载：www.cursor.com/cn

无限邮箱注册：blog.csdn.net/m0_54136051...

二、cursor介绍

cursor是个编辑器，是vscode的一个分支，有AI功能，可以无缝的将vscode的设置和插件直接迁移到cursor

迁移vscode配置和插件

为了数据安全，可以开启隐私模式

ctrl + shift + p 输入 workbench.activityBar.orientation 将配置修改为vertical和vs code保持一致，侧边栏是横屏的有点别扭

限定cursor的思考范围，设置一些规则，让结果更符合我们的预期

勾选Include .cursorrules file可以保证本项目大家的思考范围保持一致，本地新建一个.cursorrules文本文件，里面可以写本项目的思考范围和针对这个项目的规则

在Chat模式和Composer模式都可以输入@来引用文件或者文件夹来作为你的上下文，让思考更准确。 @符号在Chat和Composer中还有很多用法。像@web 、@doc都是很好用的功能

bash 复制代码

# Vue 3 + TypeScript + Vite 项目模板
 
## 项目简介
 
这是一个基于 Vue 3、TypeScript 和 Vite 的现代化前端项目模板。
 
## 技术栈
 
- Vue 3
- TypeScript
- Vite
- Vue Router
- Pinia
- VueUse
- Element Plus
- Tailwind CSS
- Less
 
## 开发环境要求
 
- Node.js >= 16.0.0
- npm >= 7.0.0
 
## 项目结构
 
```
├── public/                 # 静态资源目录
│   ├── favicon.ico        # 网站图标
│   └── images/            # 图片资源
├── src/                   # 源代码目录
│   ├── assets/           # 项目资源文件
│   │   ├── images/       # 图片资源
│   │   ├── icons/        # 图标资源
│   │   └── styles/       # 样式资源
│   ├── components/       # 公共组件
│   │   ├── common/       # 通用组件
│   │   └── business/     # 业务组件
│   ├── composables/      # 组合式函数
│   │   └── use-*.ts      # 各类组合式函数
│   ├── layouts/          # 布局组件
│   │   ├── default.vue   # 默认布局
│   │   └── auth.vue      # 认证布局
│   ├── router/           # 路由配置
│   │   ├── index.ts      # 路由入口
│   │   └── routes.ts     # 路由定义
│   ├── stores/           # Pinia状态管理
│   │   ├── modules/      # 状态模块
│   │   └── index.ts      # 状态入口
│   ├── styles/           # 全局样式
│   │   ├── main.less     # 主样式文件
│   │   ├── variables.less # 变量定义
│   │   └── mixins.less   # 混入定义
│   ├── types/            # TypeScript类型定义
│   │   ├── components.d.ts # 组件类型
│   │   └── global.d.ts    # 全局类型
│   ├── utils/            # 工具函数
│   │   ├── request.ts    # 请求工具
│   │   └── common.ts     # 通用工具
│   ├── views/            # 页面视图
│   │   ├── home/         # 首页模块
│   │   └── user/         # 用户模块
│   ├── App.vue           # 根组件
│   ├── main.ts           # 入口文件
│   └── env.d.ts          # 环境变量类型
├── .eslintrc.js          # ESLint配置
├── .prettierrc           # Prettier配置
├── .gitignore            # Git忽略文件
├── index.html            # HTML模板
├── package.json          # 项目依赖配置
├── tsconfig.json         # TypeScript配置
├── vite.config.ts        # Vite配置
└── README.md             # 项目说明文档
```
 
## 目录说明
 
- `public/`: 不需要打包的静态资源
- `src/assets/`: 需要打包的项目资源文件
- `src/components/`: 可复用的组件
  - `common/`: 通用基础组件
  - `business/`: 业务相关组件
- `src/composables/`: Vue 组合式函数
- `src/layouts/`: 页面布局组件
- `src/router/`: 路由配置文件
- `src/stores/`: Pinia 状态管理文件
- `src/styles/`: 全局样式文件
- `src/types/`: TypeScript 类型定义
- `src/utils/`: 工具函数
- `src/views/`: 页面视图组件
 
## 开发规范
 
1. 文件命名规范
 
   - 组件文件使用 PascalCase (如: UserProfile.vue)
   - 其他文件使用 kebab-case (如: api-service.ts)
   - 组合式函数以 `use` 开头 (如: useUserState.ts)
 
2. 代码规范
 
   - 使用 TypeScript 编写代码
   - 使用 Composition API 的 <script setup> 语法
   - 使用 ESLint + Prettier 进行代码格式化
 
3. 样式规范
 
   - 使用 Less 预处理器
   - 遵循 BEM 命名规范
   - 优先使用 Tailwind CSS 工具类
 
4. 组件开发规范
   - 单一职责原则
   - Props 类型必须明确定义
   - 事件名称使用 kebab-case
 
## 安装和运行
 
```bash
# 安装依赖
npm install
 
# 开发环境运行
npm run dev
 
# 生产环境构建
npm run build
 
# 代码格式检查
npm run lint
 
# 代码格式化
npm run format
```
 
这个目录结构遵循了 Vue 3 项目的最佳实践，并且符合您在.cursorrules 中定义的各项规范。每个目录都有其特定的职责，有助于保持代码的组织性和可维护性。需要我详细解释任何部分吗？

三、无限续杯和添加右键菜单

无线续杯教程，邮箱不够可以用无限邮，注册cursor失败请打开梯子

mp.weixin.qq.com/s/0__DqBMf4... blog.csdn.net/m0_54136051...

把cursor添加到win10右键菜单