Community程式設計與開發github.com

vuejs-ai/vue-jsx-最佳实践

Vue 中的 JSX 语法(例如:class 与 className、JSX 插件配置)。

vue-jsx-最佳实践 是什麼?

此技能專注於 Vue 生態系統中的 JSX 最佳實踐。它為開發者提供關於在 Vue 專案中使用 JSX 語法的明確指引,尤其針對常見的混淆點,例如何時使用 `class` 屬性與 `className` 屬性,這兩者之間的選擇取決於所使用的特定 JSX 轉換設定。此技能涵蓋了正確配置 JSX 插件(例如 `@vitejs/plugin-vue-jsx`)的必要步驟,以確保無縫的開發體驗。它支援使用 Vite 或 webpack 等現代建置工具的 Vue 3 專案。透過遵循此技能提供的建議,開發者可以避免常見的陷阱,維護可讀性高的程式碼,並充分利用 JSX 在 Vue 中表達動態模板和元件的優勢。該技能本質上作為一個濃縮的參考指南,將 Vue 官方文件及社群最佳實務提煉成一個可直接採用的實用速查清單。

相容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/vuejs-ai/skills/tree/main/skills/vue-jsx-best-practices

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

vue-jsx-最佳实践 是做什麼的?

Vue 中的 JSX 语法(例如:class 与 className、JSX 插件配置)。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

相關技能