Expo 开源项目安装与配置指南

Expo 开源项目安装与配置指南

expo-template 📱 A template for your next Expo project: Bun, Expo 51, TypeScript, TailwindCSS, DrizzleORM, Sqlite, EAS, GitHub Actions, Env Vars, expo-router, react-query, react-hook-form. 项目地址: https://gitcode.com/gh_mirrors/exp/expo-template

1. 项目基础介绍

本项目是基于 Expo 的一个开源模板，适用于创建跨平台的移动应用。它包含了最新的框架和配置，可以帮助开发者快速启动一个本地优先的Expo项目。项目主要使用TypeScript进行开发。

2. 项目使用的关键技术和框架

• Expo v51: 用于创建跨平台应用的框架。
• React Native v0.73.6: 用于构建原生应用的React版本。
• SQLite/Sqlite.js: 为本地存储提供支持。
• DrizzleORM: 用于数据库操作的ORM库，支持实时查询。
• NativeWind v4: 集成了Tailwind CSS的React Native UI库。
• zustand: 一个轻量级的全局状态管理库。
• rn-reusables: 提供了常见的React Native组件。
• biome: 用于代码格式化和优化开发环境的工具。

3. 项目安装和配置的准备工作及详细步骤

准备工作

• 确保安装了Node.js 20+。
• 安装了pnpm或bun。
• 对于iOS开发，需要有iOS Simulator。
• 对于Android开发，需要有Android Studio Emulator。
• Windows用户需要安装Microsoft Visual C++ Redistributable。

安装步骤

1. 克隆项目到本地环境：

   git clone https://github.com/expo-starter/expo-local-first-template.git
   

2. 进入项目目录：

   cd expo-local-first-template
   

3. 使用pnpm或bun安装依赖：

   pnpm install
   

   或者

   bun install
   

4. 创建Expo应用（如果尚未创建）：

   pnpm run create-expo-app --template .
   

   或者

   bun run create-expo-app --template .
   

5. 运行应用：

   对于iOS：

   pnpm run dev:ios
   

   或者

   bun run dev:ios
   

   对于Android：

   pnpm run dev:android
   

   或者

   bun run dev:android
   

   这将打开iOS模拟器或Android模拟器，并运行应用。

按照上述步骤，您应该能够成功安装和配置本项目，开始您的开发工作。如果在安装过程中遇到任何问题，可以查看项目的README文件或访问相关社区寻求帮助。

expo-template 📱 A template for your next Expo project: Bun, Expo 51, TypeScript, TailwindCSS, DrizzleORM, Sqlite, EAS, GitHub Actions, Env Vars, expo-router, react-query, react-hook-form. 项目地址: https://gitcode.com/gh_mirrors/exp/expo-template