Vue 3 (Nuxt 3, TypeScript)
为Vue 3、Nuxt 3和TypeScript项目提供AI辅助开发支持。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Vue 3 (Nuxt 3, TypeScript)。 它的用途是：为Vue 3、Nuxt 3和TypeScript项目提供AI辅助开发支持。 详细介绍见：https://321skill.com/skills/vue-3-nuxt-3-typescript/ 请根据该页面的说明完成安装。
使用示例
“请为我的Nuxt 3页面组件添加一个使用Pinia管理状态的用户列表，并包含加载和错误处理。”，它会分析你的项目结构，生成包含TypeScript类型定义、Composition API逻辑和模板的完整组件代码。或者，当你遇到一个TS类型报错时，可以说：“解释这个在`<script setup>`中关于ref类型的错误”，它会给出具体的修复方案。
介绍
这个Skill旨在解决开发者在构建现代Vue.js应用时面临的效率瓶颈，特别是针对Vue 3、Nuxt 3框架和TypeScript语言的复杂场景。它通过AI深度理解项目上下文，提供精准的代码生成、问题排查和最佳实践建议。
使用时，开发者只需在IDE或AI助手中激活此Skill，并描述你的开发意图，例如“为这个组件添加一个响应式表单”或“解释这个Composition API的用法”。AI会基于你的项目结构和代码风格，生成符合规范的代码片段或给出详细的解决方案。
它非常适合正在使用或计划使用Vue 3生态进行项目开发的前端工程师、全栈开发者以及技术团队负责人，能显著提升从原型搭建到复杂功能开发的效率。
建议在项目初期或遇到特定技术难题时启用此Skill，以获得最佳辅助效果。注意，它生成的代码仍需开发者进行逻辑审查和测试，以确保符合具体业务需求和安全规范。
核心特点
与通用代码生成Skill相比，它深度集成了Vue 3的Composition API、Nuxt 3的目录结构约定以及TypeScript的类型系统，能生成高度契合Vue生态最佳实践的代码，而非通用模板。
注意事项
不适合非Vue技术栈（如React、Angular）的项目，也无法替代开发者对框架原理和业务逻辑的深入理解。
常见问题
这个Skill能帮我写Nuxt 3的服务器API吗？
可以，它能根据Nuxt 3的server目录约定，辅助生成Server API路由和处理函数。
它支持Vue 2项目吗？
主要针对Vue 3及Nuxt 3，对Vue 2的语法和Options API支持有限，建议升级或使用其他工具。