创建 Expo Stack CLI

[![NPM 版本][npm-image]][npm-url] [![下载量][downloads-image]][npm-url]

<p align="center"> 一个交互式 CLI，用于创建高度可配置、类型安全的 Expo 应用。 </p> <p align="center> 通过运行 <code>npx create-expo-stack</code> 开始使用

赞助商

通过<a href="https://github.com/sponsors/danstepanov" target="_blank">成为赞助商</a>来支持这个项目。您的 logo 将会显示在这里，并附上您网站的链接。

<a href="https://galaxies.dev/" target="_blank" style="margin-top: 10px;margin-right: 10px; margin-bottom: 10px;" > <img src="https://yellow-cdn.veclightyear.com/ab5030c0/0c3603c6-3742-4fb6-b73d-d94fb4a58df9.svg" style="border-radius: 50%;"> </a> <a href="https://expo.dev/" target="_blank" style="margin: 10px;"> <img src="https://yellow-cdn.veclightyear.com/ab5030c0/a3c5618e-c325-4759-b88d-917ccabe54ac.svg" style="border-radius: 50%;"> </a> <a href="https://github.com/derkweijers" target="_blank" style="margin: 10px;"> <img src="https://avatars.githubusercontent.com/u/11644998?v=4" height="64" width="64" style="border-radius: 50%;"> </a> <a href="https://paradigmpost.com" target="_blank" style="margin: 10px;"> <img src="https://yellow-cdn.veclightyear.com/ab5030c0/16a2f27b-fd5f-49eb-abb3-1e8652debf9c.png" height="64" width="64" style="border-radius: 50%;"> </a>

描述

这个 CLI 工具旨在帮助您尽快开始使用 React Native 和 Expo。CLI 选项允许您使用 Typescript、基于文件的 Expo Router 路由、基于配置的 React-Navigation 导航、NativeWind、Restyle、StyleSheets 或 Tamagui 的样式设置以及通过 Supabase 或 Firebase 进行身份验证来配置您的项目。

您还可以使用 --noInstall、--noGit 和 --default 等标志来自定义您的项目。CLI 将尝试自动确定您选择的包管理器，但您也可以通过 --npm、--yarn、--pnpm 或 --bun 传入您首选的包管理器。路线图即将推出...

使用方法

要开始使用，请使用 npx 运行 CLI 工具。系统将提示您选择要使用的功能。

npx create-expo-stack

<img src="https://github.com/roninoss/create-expo-stack/assets/5482800/e709dd66-cb9b-463c-91f9-b842bb80585c" />

模板的技术栈

目前，所有的模板都使用以下库的相同版本。并非所有模板都包含所有库，但它们都可供使用。

每个项目都是根据 CLI 的结果，按文件生成的。这种方法使得这个 CLI 非常可扩展且易于使用。所有生成项目的通用文件存储在基础模板文件夹中，而与其他包相关的文件存储在包模板文件夹中。除了添加文件外，该项目还使用 EJS 来根据需要操作现有文件。

库	类别	版本	描述
React Native	移动框架	v0.73	最佳跨平台移动框架
React	UI 框架	v18	世界上最流行的 UI 框架
TypeScript	语言	v5	静态类型检查
React Navigation	导航	v6	高性能且一致的导航框架
Expo	SDK	v51	允许（可选）Expo 模块
Expo Font	自定义字体	v11	导入自定义字体
Expo Linking	URL 处理	v5	通过 URL 打开您的应用
Expo Router	导航	v3	React-Native 中的基于文件的路由
Expo Splash Screen	启动画面	v0.18	自定义启动画面
Expo Status Bar	状态栏库	v1	状态栏支持
Expo System UI	系统 UI 库	v2	系统 UI 支持
Expo Web Browser	网络浏览器库	v12	在浏览器中打开链接
NativeWind	UI 框架	v4	React Native 的 Tailwind CSS
Restyle	UI 框架	v2	React Native 的基于主题的样式库
Tamagui	UI 框架	v1	具有智能优化编译器的通用 UI
Unistyles	UI 框架	v2	StyleSheet 的超集
Safe Area Context	安全区域库	v4	安全区域支持
React Native Web	Web 支持	v0.19	Web 版 React Native
Firebase	后端和认证	v10	来自 Google 的云托管 NoSQL 数据库
Supabase	后端和认证	v2	开源 Firebase 替代方案

报告错误和反馈

如果您遇到问题或有反馈，请先在此存储库的问题和讨论中搜索。如果找不到任何相关内容，欢迎在 Twitter 上给我发消息或开启一个新的问题。

贡献

请参阅本指南。

欢迎贡献！如果您想贡献，请提交拉取请求或提出问题。在此存储库的问题部分有标记为 [FR] 的现有功能请求。

想要更快速地前进？我可以帮忙 😎

熟悉新框架可能会很麻烦。如果您发现需要更快地前进，我可能可以提供帮助。

如果您需要在 React Native/Expo 应用方面的帮助，或者只是在寻找一位技术顾问来指导您的旅程，让我们聊聊。

贡献者 ✨

感谢这些优秀的人：

<!-- readme: contributors -start --> <table> <tr> <td align="center"> <a href="https://github.com/danstepanov"> <img src="https://avatars.githubusercontent.com/u/5482800?v=4" width="100;" alt="danstepanov"/> <br /> _{<b>丹 斯特帕诺夫</b>} </a> </td> <td align="center"> <a href="https://github.com/dannyhw"> <img src="https://avatars.githubusercontent.com/u/3481514?v=4" width="100;" alt="dannyhw"/> <br /> _{<b>丹尼尔 威廉姆斯</b>} </a> </td> <td align="center"> <a href="https://github.com/hqasmei"> <img src="https://avatars.githubusercontent.com/u/39573679?v=4" width="100;" alt="hqasmei"/> <br /> _{<b>霍斯娜 卡斯梅</b>} </a> </td> <td align="center"> <a href="https://github.com/sammoore"> <img src="https://avatars.githubusercontent.com/u/2035492?v=4" width="100;" alt="sammoore"/> <br /> _{<b>萨姆 摩尔</b>} </a> </td> <td align="center"> <a href="https://github.com/ernestoresende"> <img src="https://avatars.githubusercontent.com/u/55156145?v=4" width="100;" alt="ernestoresende"/> <br /> _{<b>埃内斯托 雷森德</b>} </a> </td> <td align="center"> <a href="https://github.com/PickleNik"> <img src="https://avatars.githubusercontent.com/u/31113245?v=4" width="100;" alt="PickleNik"/> <br /> _<b>空</b> </a> </td></tr> <tr> <td align="center"> <a href="https://github.com/frankcalise"> <img src="https://avatars.githubusercontent.com/u/374022?v=4" width="100;" alt="frankcalise"/> <br /> _{<b>弗兰克 卡利斯</b>} </a> </td> <td align="center"> <a href="https://github.com/ludwig-pro"> <img src="https://avatars.githubusercontent.com/u/62896243?v=4" width="100;" alt="ludwig-pro"/> <br /> _{<b>路德维希</b>} </a> </td> <td align="center"> <a href="https://github.com/mrzachnugent"> <img src="https://avatars.githubusercontent.com/u/63797719?v=4" width="100;" alt="mrzachnugent"/> <br /> _{<b>扎克 纽金特</b>} </a> </td> <td align="center"> <a href="https://github.com/alejorod"> <img src="https://avatars.githubusercontent.com/u/6730160?v=4" width="100;" alt="alejorod"/> <br /> _{<b>亚历杭德罗 罗德里格斯</b>} </a> </td> <td align="center"> <a href="https://github.com/kratos-respawned"> <img src="https://avatars.githubusercontent.com/u/87561983?v=4" width="100;" alt="kratos-respawned"/> <br /> _{<b>高拉夫 班达里</b>} </a> </td> <td align="center"> <a href="https://github.com/finnbayer"> <img src="https://avatars.githubusercontent.com/u/115630860?v=4" width="100;" alt="finnbayer"/> <br /> _{<b>芬恩 拜耳</b>} </a> </td></tr> <tr> <td align="center"> <a href="https://github.com/saimon24"> <img src="https://avatars.githubusercontent.com/u/2514208?v=4" width="100;" alt="saimon24"/> <br /> _{<b>西蒙 格里姆</b>} </a> </td> <td align="center"> <a href="https://github.com/todevmilen"> <img src="https://avatars.githubusercontent.com/u/78319110?v=4" width="100;" alt="todevmilen"/> <br /> _{<b>米伦 托德夫</b>} </a> </td> <td align="center"> <a href="https://github.com/alitnk"> <img src="https://avatars.githubusercontent.com/u/35243344?v=4" width="100;" alt="alitnk"/> <br /> _{<b>阿里雷扎 扎马尼</b>} </a> </td> <td align="center"> <a href="https://github.com/catalinmiron"> <img src="https://avatars.githubusercontent.com/u/2805320?v=4" width="100;" alt="catalinmiron"/> <br /> _{<b>卡塔林 米龙</b>} </a> </td> <td align="center"> <a href="https://github.com/coyksdev"> <img src="https://avatars.githubusercontent.com/u/19565694?v=4" width="100;" alt="coyksdev"/> <br /> _{<b>杰拉尔德</b>} </a> </td> <td align="center"> <a href="https://github.com/Savinvadim1312"> <img src="https://avatars.githubusercontent.com/u/16936043?v=4" width="100;" alt="Savinvadim1312"/> <br /> _{<b>萨文 瓦迪姆</b>} </a> </td></tr> <tr> <td align="center"> <a href="https://github.com/b0iq"> <img src="https://avatars.githubusercontent.com/u/106549013?v=4" width="100;" alt="b0iq"/> <br /> _<b>空</b> </a> </td> <td align="center"> <a href="https://github.com/gabimoncha"> <img src="https://avatars.githubusercontent.com/u/39256258?v=4" width="100;" alt="gabimoncha"/> <br /> _{<b>Gabimoncha</b>} </a> </td> <td align="center"> <a href="https://github.com/mwarger"> <img src="https://avatars.githubusercontent.com/u/686823?v=4" width="100;" alt="mwarger"/> <br /> _{<b>Mat Warger</b>} </a> </td> <td align="center"> <a href="https://github.com/gialencar"> <img src="https://avatars.githubusercontent.com/u/11895696?v=4" width="100;" alt="gialencar"/> <br /> _{<b>Gilson Alencar</b>} </a> </td> <td align="center"> <a href="https://github.com/andrew-levy"> <img src="https://avatars.githubusercontent.com/u/29075740?v=4" width="100;" alt="andrew-levy"/> <br /> _{<b>Andrew Levy</b>} </a> </td> <td align="center"> <a href="https://github.com/AlejandroGutierrezB"> <img src="https://avatars.githubusercontent.com/u/56408597?v=4" width="100;" alt="AlejandroGutierrezB"/> <br /> _{<b>Alejandro Gutierrez Barcenilla</b>} </a> </td></tr> <tr> <td align="center"> <a href="https://github.com/falcoagustin"> <img src="https://avatars.githubusercontent.com/u/15353019?v=4" width="100;" alt="falcoagustin"/> <br /> _{<b>Agustin Falco</b>} </a> </td> <td align="center"> <a href="https://github.com/claudesortwell"> <img src="https://avatars.githubusercontent.com/u/41422239?v=4" width="100;" alt="claudesortwell"/> <br /> _{<b>Claude</b>} </a> </td> <td align="center"> <a href="https://github.com/gwenoleR"> <img src="https://avatars.githubusercontent.com/u/10418241?v=4" width="100;" alt="gwenoleR"/> <br /> _<b>无</b> </a> </td> <td align="center"> <a href="https://github.com/boek"> <img src="https://avatars.githubusercontent.com/u/1250545?v=4" width="100;" alt="boek"/> <br /> _{<b>Jeff Boek</b>} </a> </td> <td align="center"> <a href="https://github.com/zamplyy"> <img src="https://avatars.githubusercontent.com/u/26258710?v=4" width="100;" alt="zamplyy"/> <br /> _{<b>Joar Karlsson</b>} </a> </td> <td align="center"> <a href="https://github.com/Joehoel"> <img src="https://avatars.githubusercontent.com/u/31251240?v=4" width="100;" alt="Joehoel"/> <br /> _{<b>Joël Kuijper</b>} </a> </td></tr> <tr> <td align="center"> <a href="https://github.com/asapMaki"> <img src="https://avatars.githubusercontent.com/u/30200380?v=4" width="100;" alt="asapMaki"/> <br /> _{<b>Mahir Kadić</b>} </a> </td> <td align="center"> <a href="https://github.com/imranbarbhuiya"> <img src="https://avatars.githubusercontent.com/u/74945038?v=4" width="100;" alt="imranbarbhuiya"/> <br /> _{<b>Parbez</b>} </a> </td> <td align="center"> <a href="https://github.com/ralacerda"> <img src="https://avatars.githubusercontent.com/u/19380403?v=4" width="100;" alt="ralacerda"/> <br /> _{<b>Renato Lacerda</b>} </a> </td> <td align="center"> <a href="https://github.com/Hacksore"> <img src="https://avatars.githubusercontent.com/u/996134?v=4" width="100;" alt="Hacksore"/> <br /> _{<b>Sean Boult</b>} </a> </td> <td align="center"> <a href="https://github.com/YounessHassoune"> <img src="https://avatars.githubusercontent.com/u/36106440?v=4" width="100;" alt="YounessHassoune"/> <br /> _{<b>YOUNESS HASSOUNE</b>} </a> </td> <td align="center"> <a href="https://github.com/bautistaaa"> <img src="https://avatars.githubusercontent.com/u/3660667?v=4" width="100;" alt="bautistaaa"/> <br /> _<b>无</b> </a> </td></tr> <tr> <td align="center"> <a href="https://github.com/debugtheworldbot"> <img src="https://avatars.githubusercontent.com/u/62830430?v=4" width="100;" alt="debugtheworldbot"/> <br /> _{<b>Pipizhu</b>} </a> </td></tr> </table> <!-- readme: contributors -end --> [下载量图标]: https://img.shields.io/npm/dm/create-expo-stack?color=364fc7&logoColor=364fc7 [npm链接]: https://www.npmjs.com/package/create-expo-stack [npm版本图标]: https://img.shields.io/npm/v/create-expo-stack?color=0b7285&logoColor=0b7285