Vue 工程实现与代码检查

原名：vue-best-practices

结合项目约定检查 Vue 组件、数据流和可维护性问题。

中文 Skills 技能说明

准备新增或检查 Vue 功能时，先对齐项目写法，再选实现方式。提供组件、需求、现有规范和版本，技能依据包内指南整理组件拆分、响应式数据、类型与性能方面的改进候选，交付带依据的检查清单。组合式 API 与 TypeScript 是上游偏好，已有 Options API 约束优先；不为套用指南强换框架。工具链和相关测试依赖另备，只修改授权模块，性能判断需要实测，未发现证据的问题不硬凑，重要交互和发布经负责人复核。

上游能力依据

上游原始适用说明：MUST be used for Vue.js tasks. Strongly recommends Composition API with <script setup> and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

上游 SKILL.md 主要章节（保留原文标题）：

• Core Principles
• 1) Confirm architecture before coding (required)
• 1.1 Must-read core references (required)
• 1.2 Plan component boundaries before coding (required)
• 2) Apply essential Vue foundations (required)
• Reactivity
• SFC structure and template safety
• Choose useful boundaries
• Component data flow
• Composables

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者

hyf0、SerKo 与 vuejs-ai/skills contributors

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/vuejs-ai/skills/tree/198f0cd8f7f9c0a3d9b566ccc16de6677519ee78/skills/vue-best-practices

适用范围

平台：linux、macos、windows；标签：设计与前端、Vue 工程实现与代码检查、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。