Community编程与开发github.com

hyf0/vue-best-practices

必须用于 Vue.js 任务。强烈推荐 Composition API 配合 `<script setup>` 和 TypeScript 作为标准方法。涵盖 Vue 3、SSR、Volar、vue-tsc。在处理任何 Vue、.vue 文件、Vue Router、Pinia 或使用 Vue 的 Vite 项目时加载。除非项目明确要求 Options API,否则始终使用 Composition API。

vue-best-practices 是什么?

这是一个专门为 Vue.js 开发设计的 AI 技能,旨在通过强制执行最佳实践来提升 Vue 项目的代码质量和一致性。该技能强制要求使用 Composition API 配合 `<script setup>` 语法和 TypeScript,避免使用 Options API(除非项目明确指定)。它全面支持 Vue 3、服务端渲染 (SSR)、Volar 工具链和 vue-tsc 类型检查。当处理任何包含 Vue 代码的文件(如 .vue 文件)、Vue Router 路由、Pinia 状态管理或基于 Vue 的 Vite 项目时,该技能会自动加载并应用规则。对于开发者而言,使用此技能可以自动生成遵循现代 Vue 标准的代码,减少手动配置和审查的工作量,确保团队代码风格统一,并充分利用 TypeScript 的类型安全特性来提高应用的可维护性和健壮性。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-best-practices

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

vue-best-practices 是做什么的?

必须用于 Vue.js 任务。强烈推荐 Composition API 配合 <script setup> 和 TypeScript 作为标准方法。涵盖 Vue 3、SSR、Volar、vue-tsc。在处理任何 Vue、.vue 文件、Vue Router、Pinia 或使用 Vue 的 Vite 项目时加载。除非项目明确要求 Options API,否则始终使用 Composition API。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

相关技能