HT Cursor Rules

# HT Cursor Rules

🚀 **一键安装，一键配置！** 为 Cursor AI 快速添加编程规则的 VSCode/Cursor 扩展。提供前端、后端、游戏研发、原生开发、测试等 65 种精选规则模板。

[![Version](https://img.shields.io/open-vsx/v/HUANGTONG/ht-cursor-rules)](https://open-vsx.org/extension/HUANGTONG/ht-cursor-rules)
[![Downloads](https://img.shields.io/open-vsx/dt/HUANGTONG/ht-cursor-rules)](https://open-vsx.org/extension/HUANGTONG/ht-cursor-rules)
[![Rating](https://img.shields.io/open-vsx/rating/HUANGTONG/ht-cursor-rules)](https://open-vsx.org/extension/HUANGTONG/ht-cursor-rules)


---

## 🌟 GitHub 仓库

**GitHub 地址：** [https://github.com/snake-mustang/ht-cursor-rules](https://github.com/snake-mustang/ht-cursor-rules)

⭐️ **请不要吝啬你的 STAR，点点 STAR，这对我很重要！**

如果这个插件对您有帮助，请到 [GitHub](https://github.com/snake-mustang/ht-cursor-rules) 给个 Star ⭐️，这是对我最大的鼓励和支持！

### 💡 需要其他技术栈规则？

如果您需要的技术栈规则不在列表中，请[提交 Issue](https://github.com/snake-mustang/ht-cursor-rules/issues/new)！我们会尽快添加您需要的规则，帮助团队提升开发效率。

---

## 📖 快速开始

### ⚡ 一键安装，一键配置，简单三步

**1️⃣ 安装插件**：在扩展市场搜索 `HT Cursor Rules` → 点击安装

**2️⃣ 打开命令**：按 `Ctrl+Shift+P` (Mac: `Cmd+Shift+P`) → 输入 `HT`

**3️⃣ 选择规则**：选择技术类别 → 选择具体规则 → 选择添加方式（覆盖/合并）→ ✅ 完成！

---

## 🎬 使用演示

### 视频演示

<video src="https://pingtai-img.shiyue.com/bbs/others/ai/ys-cursorrules.mp4" controls width="100%"></video>

### 效果预览

![效果预览](https://pingtai-img.shiyue.com/bbs/others/ai/htcursor-pic.png)

---

## 💡 使用场景

**🌐 Web 全栈开发**：React/Vue/Angular/Svelte + Next.js/Nuxt + FastAPI/Django/NestJS  
**📱 移动应用开发**：SwiftUI/UIKit (iOS) + Jetpack Compose (Android) + React Native/Flutter (跨平台)  
**🎮 游戏开发**：Unity (C#) + Unreal (C++) + Cocos Creator/LayaBox (TypeScript)  
**🏢 企业级应用**：SpringBoot (Java) + Go + Elixir/Phoenix + Laravel (PHP) + NestJS (TypeScript)

---

## 📦 安装

**方式1（推荐）**：在 Cursor/VSCode 中按 `Ctrl+Shift+X` → 搜索 `HT Cursor Rules` → 点击安装

**方式2**：访问 [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=HUANGTONG.ht-cursor-rules) 安装

---

## 🎯 什么是 .cursorrules？

`.cursorrules` 是 Cursor AI 的强大功能，允许开发者为项目定义专属的 AI 指令。

**核心优势**：
- ✨ **定制 AI 行为**：根据项目需求定制 AI 响应，确保代码建议更相关、更准确
- 📏 **保持一致性**：定义编码标准和最佳实践，确保 AI 生成符合项目风格的代码
- 🎯 **上下文感知**：为 AI 提供项目重要上下文（常用方法、架构决策、特定库）
- ⚡ **提高生产力**：精准的规则让 AI 生成的代码更少需要手动编辑，加速开发流程
- 👥 **团队协作**：共享 `.cursorrules` 文件确保团队成员获得一致的 AI 辅助

通过在项目根目录创建 `.cursorrules` 文件，您可以充分利用这些优势，提升 Cursor AI 编码体验。

---

## 📦 规则分类（63 种）

<details>
<summary><strong>🎨 前端框架 (18种)</strong> - Angular, React, Vue, Svelte, Solid.js, Qwik, Astro</summary>

| 规则 | 说明 |
|------|------|
| **前端通用规则（推荐）⭐** | 适用于所有前端项目的通用开发规范 |
| **Angular + TypeScript** | Angular TypeScript 开发最佳实践 |
| **Astro + TypeScript** | Astro TypeScript 开发最佳实践 |
| **Next.js 15 + React 19 + Vercel AI** | 最新版Next.js + React + Vercel AI SDK |
| **Next.js 14 + Tailwind + SEO** | Next.js 14 + Tailwind + SEO 优化 |
| **Next.js + React + Tailwind** | Next.js + React + Tailwind 开发指南 |
| **Next.js + React + TypeScript** | Next.js + React + TypeScript 开发指南 |
| **Next.js + TypeScript** | Next.js TypeScript 开发最佳实践 |
| **Qwik + TypeScript + Vite** | Qwik + TypeScript + Vite 开发指南 |
| **React Components** | React 组件开发最佳实践 |
| **React + TypeScript + Next.js + Node.js** | 全栈开发指南 |
| **Solid.js Basic** | Solid.js 基础开发指南 |
| **Solid.js + TypeScript** | Solid.js TypeScript 开发指南 |
| **Svelte 5 vs Svelte 4** | Svelte 5 vs 4 对比指南 |
| **SvelteKit + RESTful API + Tailwind** | SvelteKit 完整开发指南 |
| **SvelteKit + Tailwind + TypeScript** | SvelteKit 开发最佳实践 |
| **Vue 3 Composition API** | Vue 3 Composition API 开发指南 |
| **Vue 3 + Nuxt 3 + TypeScript** | Vue 3 + Nuxt 3 全栈开发 |

</details>

<details>
<summary><strong>🚀 后端框架 (14种)</strong> - Go, Java, Python, PHP, Elixir, Node.js, HTMX</summary>

| 规则 | 说明 |
|------|------|
| **后端通用规则（推荐）⭐** | 适用于所有后端项目的通用开发规范 |
| **Convex Best Practices** | Convex 后端开发最佳实践 |
| **Deno Integration** | Deno 集成开发指南 |
| **Elixir + Phoenix + Docker** | Elixir + Phoenix + Docker 开发 |
| **Go Backend Scalability** | Go 后端可扩展性开发 |
| **Go Basic** | Go 基础开发指南 |
| **HTMX Basic** | HTMX 基础开发指南 |
| **HTMX + Flask** | HTMX + Flask 开发指南 |
| **Java + SpringBoot + JPA** | SpringBoot + JPA 开发 |
| **Laravel + PHP 8.3** | Laravel + PHP 8.3 开发 |
| **Node.js + MongoDB** | Node.js + MongoDB 开发 |
| **Python FastAPI** | FastAPI 开发最佳实践 |
| **Python Django** | Django 开发最佳实践 |
| **TypeScript + NestJS** | NestJS 开发最佳实践 |

</details>

<details>
<summary><strong>📱 移动开发 (5种)</strong> - iOS, Android, Flutter, React Native</summary>

| 规则 | 说明 |
|------|------|
| **React Native + Expo** | React Native + Expo 开发 |
| **SwiftUI Guidelines** | SwiftUI 开发规范 |
| **Android Jetpack Compose** | Android Jetpack Compose 开发 |
| **Flutter Expert** | Flutter 专家级开发指南 |
| **UIKit Guidelines** | UIKit 开发规范 |

</details>

<details>
<summary><strong>🎮 游戏开发 (4种)</strong> - Unity, Unreal, Cocos, LayaBox</summary>

| 规则 | 说明 |
|------|------|
| **Unity (C#)** | Unity C# 游戏开发规范 |
| **Unreal Engine (C++)** | Unreal Engine C++ 开发规范 |
| **Cocos Creator (TypeScript)** | Cocos Creator TypeScript 开发 |
| **LayaBox (TypeScript)** | LayaBox H5 游戏开发 |

</de

... (truncated)