F
frontend-vue-development
前端 Vue 开发规范,涵盖 Vue 2/3 组件开发、Vuex 状态管理、路由配置、组件通信、样式规范、国际化。当用户进行前端开发、编写 Vue 组件、处理状态管理或实现页面交互时使用。
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
前端 Vue 开发规范,涵盖 Vue 2/3 组件开发、Vuex 状态管理、路由配置、组件通信、样式规范、国际化。当用户进行前端开发、编写 Vue 组件、处理状态管理或实现页面交互时使用。
How to use
- Załaduj umiejętność do swojego asystenta AI (Claude, Copilot lub innego wspieranego narzędzia) — umiejętność zawiera około 3000 tokenów kontekstu z wytycznymi Vue. 2. Kiedy tworzysz komponent Vue, poproś asystenta o zastosowanie standardów z tej umiejętności — na przykład: "Napisz komponent Vue do wyświetlania listy pipelineów, zgodnie ze standardami frontend-vue-development". 3. Asystent będzie sugerować nazewnictwo kebab-case dla plików, 4-spacjowe wcięcia, brak średników i strukturę template-script-style. 4. Dla zarządzania stanem użyj Vuex 3.6 — umiejętność zawiera wzorce definiowania store, actions i mutations; poproś asystenta o wygenerowanie store dla Twojego modułu. 5. Przy wywoływaniu API korzystaj z this.$ajax.get/post/put/delete — umiejętność pokazuje, jak obsługiwać loading state i błędy w metodach async. 6. Jeśli pracujesz nad routingiem lub komunikacją między komponentami, odwołaj się do umiejętności, aby uniknąć odejścia od standardów projektu — asystent wskaże, kiedy zamiast tego użyć umiejętności backend-microservice-development.