frontend-global
Installation
SKILL.md
前端全局编码规范
技术栈
- Vue 3.5 + Vite 7 + TypeScript + Pinia + Vue Router
- UI 框架:主要使用 Ant Design Vue (由于应用入口为
web-antd),基于最新的vue-vben-adminv5 架构。 - 全局工具:
@vueuse/core、Tailwind CSS - Monorepo 管理:使用 pnpm workspaces 和 Turborepo。
命名规范
目录与文件命名
- 目录名:统一使用 kebab-case(小写连字符),如
components/user-avatar。 - 页面/组件文件:统一使用 kebab-case,如
user-detail.vue,index.vue,data.ts。对组件应保证其语义一致。 - 配置文件/工具库:统一使用 kebab-case。
代码层面命名
Related skills
More from kevinqpeng/proxy-skills
proxy-backend-api-design
>-
6proxy-backend-database
>-
5proxy-backend-global
>-
4proxy-backend-impl-workflow
>-
4frontend-api
前端 API 对接规范,包含文件存放结构、requestClient 请求封装、namespace 类型定义、接口方法命名约定。适用于基于 vue-vben-admin v5 + @vben/request 的项目。当需要新建或修改 API 文件、定义接口类型、调用后端接口时使用此技能。
2proxy-app-global
Proxy2.0 移动端全局编码规范:uni-app + Vue 3 项目结构、命名规范、组件规范、API 封装、Store 管理、页面路由、多端适配。Use when: (1) Creating or modifying any code in proxy2.0-app project, (2) Writing pages, components, API files, or store modules, (3) Configuring pages.json or manifest.json, (4) Working with uni-app multi-platform features (H5/小程序/App), (5) Following project structure and coding standards.
2