mitosis

<br> <br> <p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F44413839f214431290930e447572b843"> <img width="400" alt="Mitosis 标志" src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F570f689e59824cb78cf5773350ab4144"> </picture> </p> <p align="center"> 一次编写组件，编译到所有框架 </p> <br> <p align="center"> <a href="https://github.com/prettier/prettier"><img alt="代码风格：prettier" src="https://yellow-cdn.veclightyear.com/835a84d5/c41767c0-40d7-4d35-b6c7-84f344589858.svg" /></a> <a href="https://github.com/BuilderIO/mitosis/pulls"><img alt="欢迎提交PR" src="https://yellow-cdn.veclightyear.com/835a84d5/b816acdf-2110-4f9b-9810-8e39a894c0bd.svg" /></a> <a href="https://github.com/BuilderIO/mitosis"><img alt="许可证" src="https://img.shields.io/github/license/BuilderIO/mitosis" /></a> <a href="https://www.npmjs.com/package/@builder.io/mitosis"><img alt="类型" src="https://img.shields.io/npm/types/@builder.io/mitosis" /></a> <a href="https://www.npmjs.com/package/@builder.io/mitosis" rel="nofollow"><img src="https://yellow-cdn.veclightyear.com/835a84d5/cca20f07-5719-4c30-952d-6c5e6bc7afaf.svg?sanitize=true"></a> </p>

概述

Mitosis 为所有框架提供了统一的开发体验，使您能够在单一代码库中构建组件，并将其编译为 React、Vue、Angular、Svelte、Solid、Alpine、Qwik 等框架。

使用 Mitosis，您可以：

• 在多个框架中维护一致的设计系统（示例）
• 将您的设计系统从 Figma 同步到代码，并跨框架发布到 npm
• 通过编译为原生框架代码，避免Web 组件的缺陷

PS：我们正在积极寻找有兴趣成为 Mitosis 贡献者的人。如果您感兴趣，请查看我们的适合新手的问题列表或在我们的 Discord 上联系我们

快速开始

要从头开始创建一个新的 Mitosis 项目，请运行以下 create 命令：

npm create @builder.io/mitosis@latest

完成后，请务必阅读在新项目中生成的 README.md。它将解释项目的结构，并提供如何构建/测试组件的指南。

阅读完整的入门文档以获取更多信息。

与 Figma 集成

为了使生成 Mitosis 组件更加容易，并保持代码中的设计系统与 Figma 中的设计系统同步，Mitosis 与 Figma 集成。

了解更多关于我们的 Figma 集成。

资源

• 文档
• 在线演示
• Figma 集成
• Mitosis Discord

贡献

有兴趣贡献吗？请查看 CONTRIBUTING 文档，了解如何设置和开始！

准备好后，查看我们的问题页面，开始处理您的第一个问题！

<br> <br> <p align="center"> <a href="https://www.builder.io/m/developers"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/844291/230786554-eb225eeb-2f6b-4286-b8c2-535b1131744a.png"> <img width="250" alt="由 Builder.io 倾情打造" src="https://yellow-cdn.veclightyear.com/835a84d5/2d48858f-f5f7-4d81-b340-495b80d05a4a.png"> </picture> </a> </p>