SuperAPI AI 工具集

vue3-naiveui-fsd

前端与建站

查看项目

更新于 10-16 14:37

技能介绍

用途:该技能用于构建生产级 Vue 3 应用,整合 Naive UI、Feature-Sliced Design(FSD)架构与 TypeScript 严格模式,面向资深开发场景,强调整洁代码与 SOLID 原则。

技术栈:Vue 3 Composition API(<script setup>)、Naive UI v2.43+、FSD 架构、TypeScript strict 模式、Pinia、Vue Router 4、Tailwind CSS v4、Axios、Day.js、Lucide Vue Next、Vue I18n。

参考文档(references/ 目录):fsd-architecture.md(目录结构与层规则)、api-layer.md(Axios 与拦截器、服务模式)、types.md(TypeScript 与 I 前缀命名)、stores.md(auth、operation 全局 store)、composables.md(usePagination、useValidationRules、useTheme)、forms.md(useXxxForm 表单模式)、pages.md(含表格与 CRUD 的页面组件)、shared-ui.md(BaseTable、BaseModal、按钮)、utilities.md(格式化与助手)、router.md(路由配置、守卫、进度条)。

FSD 分层导入规则:app → pages、features、entities、shared;pages → features、entities、shared;features → entities、shared;entities → 仅 shared;shared 自包含,不依赖其他层。

类型命名约定:IUser(基础实体)、IUserList(列表项)、IUserDetail(完整详情)、IUserForm(表单数据)、IUserListParams(查询参数)。

质量检查清单:通过 TypeScript 严格模式、类型使用 I 前缀、遵守 FSD 层边界、API 服务置于 shared/api/、表单逻辑放 composables、分页使用 usePagination、校验使用 useValidationRules、面向用户文本使用 i18n、处理加载与错误状态。

限制:资料未提供安装命令、收费与价格、运行环境要求、版本兼容范围及具体配置步骤,暂未提供。