Cursor Vue 编码规范

Cursor Vue 编码规范：来自 PatrickJS/awesome-cursorrules (40k stars) 的 vue，适用于各类文档与内容的智能化处理。

Skill Documentation

Cursor Vue 编码规范

摘要

Cursor Vue 编码规范：来自 PatrickJS/awesome-cursorrules (40k stars) 的 vue，适用于各类文档与内容的智能化处理。

**文件来源:** PatrickJS/awesome-cursorrules → `rules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdc`

**原仓库:** https://github.com/PatrickJS/awesome-cursorrules

**评分:** ⭐ 仓库 40k stars (社区最权威 Cursor rules 合集)

这个 skill 是干什么的?

把 `vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdc` 这条 Cursor 编码规则打包成可调用的 AI skill,帮你把代码生成统一到一致的标准上。

> Cursor rules for Vue 3 development with TypeScript integration.

🤖 Agent 使用说明

• **输入:** 一段要生成/重构的代码需求
• **输出:** 严格遵守 `vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdc` 规则的代码
• **触发:** 用户说"用 X 规范写代码" / "按 vue 风格生成" / "用 PatrickJS 的 X 规则"

👤 用户需要做什么?

• [ ] 知道这条规则适合用在什么场景(参考下面"适用场景")
• [ ] 把规则原文内容应用到 IDE 项目的 `.cursor/rules/` 目录(直接复制 .mdc 文件)
• [ ] 调本 skill 时说清楚你的代码任务(语言/框架/目标)
• [ ] 输出后人工 review 风格是否符合预期

适用场景

• 想用统一规范生成 `vue` 项目代码
• 团队需要把 AI 代码生成收敛到固定风格
• 学习业界最佳实践的工程化模板

原始规则内容

globs: **/*
alwaysApply: false
---
Vue 3 Nuxt 3 TypeScript Guidelines

- Use Vue 3 Composition API patterns with `<script setup>` and clear component boundaries.
- Prefer TypeScript interfaces for object shapes and keep shared types close to the feature that owns them.
- Use Nuxt conventions for routing, layouts, composables, plugins, server routes, and runtime config.
- Keep Tailwind CSS usage responsive, accessible, and consistent with the project design system.
- Use VueUse utilities where they simplify reactivity without hiding important state transitions.
- Optimize Vite/Nuxt builds with lazy loading, dynamic imports, image optimization, and bundle review.

数据来源

• 仓库: PatrickJS/awesome-cursorrules (40,581 stars, 257 个 .mdc 规则)
• 抓取时间: 2026-08-17
• License: 跟随原仓库(MIT)

联系方式

有问题或建议,在本 skill 下留言。