Community编程与开发github.com

hyf0/vue-jsx-best-practices

Vue 中 JSX 语法的最佳实践(例如 class 与 className 的选择、JSX 插件配置等)。

vue-jsx-best-practices 是什么?

该技能提供了在 Vue 项目中使用 JSX 语法的最佳实践指南。它详细解释了 Vue 中 JSX 的关键区别,例如使用 `class` 而非 `className`,并指导开发者如何正确配置 JSX 插件(如 `@vitejs/plugin-vue-jsx`)以支持 JSX 语法。该技能适用于 Vue 3 和 Vue 2(通过 `@vue/babel-plugin-jsx`)项目。通过遵循这些实践,开发者可以在 Vue 组件中更流畅地编写 JSX,同时保持与 Vue 模板系统的兼容性。

兼容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/hyf0/vue-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-best-practices 是做什么的?

Vue 中 JSX 语法的最佳实践(例如 class 与 className 的选择、JSX 插件配置等)。

Individual skills in this repo

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

相关技能