·vue-best-practices
</>

vue-best-practices

dedalus-erp-pas/foundation-skills

Vue.js 3 個最佳實踐指南,涵蓋組合 API、組件設計、反應模式、Tailwind CSS 實用優先樣式、PrimeVue 組件庫集成和代碼組織。在編寫、審查或重構 Vue.js 代碼時應使用此技能,以確保慣用的模式和可維護的代碼。

44安裝·1熱度·@dedalus-erp-pas

安裝

$npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill vue-best-practices

SKILL.md

Comprehensive best practices guide for Vue.js 3 applications. Contains guidelines across multiple categories to ensure idiomatic, maintainable, and scalable Vue.js code, including Tailwind CSS integration patterns for utility-first styling and PrimeVue component library best practices.

| Composition API | Proper use of Composition API patterns | composition- | | Component Design | Component structure and organization | component- | | Reactivity | Reactive state management patterns | reactive- | | Props & Events | Component communication patterns | props- | | Template Patterns | Template syntax best practices | template- |

| Code Organization | Project and code structure | organization- | | TypeScript | Type-safe Vue.js patterns | typescript- | | Error Handling | Error boundaries and handling | error- | | Tailwind CSS | Utility-first styling patterns | tailwind- | | PrimeVue | Component library integration patterns | primevue- |

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill vue-best-practices
分類
</>開發工具
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 vue-best-practices?

Vue.js 3 個最佳實踐指南,涵蓋組合 API、組件設計、反應模式、Tailwind CSS 實用優先樣式、PrimeVue 組件庫集成和代碼組織。在編寫、審查或重構 Vue.js 代碼時應使用此技能,以確保慣用的模式和可維護的代碼。 來源:dedalus-erp-pas/foundation-skills。

如何安裝 vue-best-practices?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill vue-best-practices 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/dedalus-erp-pas/foundation-skills