mcpField
R
react-native-project-creater

react-native-project-creater

github.com/partme-ai开发71666 次安装3 周前更新
代码仓库

关于 react-native-project-creater

react-native-project-creater 是用于初始化 React Native 项目的 skill，面向需要搭建移动应用起始结构的开发者。它指导选择 React Native CLI 或 Expo，并配置 TypeScript、依赖和初步验证。

主要功能

  1. 01选择 React Native CLI 或 Expo
  2. 02初始化 TypeScript 项目
  3. 03规划应用目录结构
  4. 04安装导航和状态管理依赖
  5. 05验证模拟器或设备构建运行

适用场景

  1. 01从零创建 React Native 应用
  2. 02为新项目选择 Expo 或 CLI
  3. 03搭建包含导航的初始结构
  4. 04配置原生依赖并检查运行状态

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/partme-ai/full-stack-skills --skill react-native-project-creater

安装后在 Claude Code 中输入/react-native-project-creater确认已加载。

附带文件LICENSE.txt

详细介绍

适用场景

在用户需要以下操作时，使用此技能：

  • 从头创建新的 React Native 项目
  • 在 React Native CLI 和 Expo 之间选择项目初始化方式
  • 配置 TypeScript、打包工具和原生依赖
  • 设置包含导航和状态管理的初始项目结构

使用方法

工作流
  1. 收集需求：项目名称、组织、TypeScript 偏好，以及选择 Expo 还是裸 CLI
  2. 运行初始化命令，并设置合适的选项
  3. 安装初始依赖项（导航、状态管理等）
  4. 验证项目能否在模拟器或设备上构建并运行
1. 创建项目（CLI）
# Using React Native Community CLI
npx @react-native-community/cli init MyApp

# With TypeScript template
npx @react-native-community/cli init MyApp --template react-native-template-typescript
2. 创建项目（Expo）
# Using Expo (recommended for new projects)
npx create-expo-app MyApp --template blank-typescript
3. 项目结构
MyApp/
├── App.tsx            # Entry point
├── android/           # Android native project
├── ios/               # iOS native project
├── src/               # Application source code
│   ├── screens/
│   ├── components/
│   └── navigation/
├── package.json
├── tsconfig.json
└── metro.config.js    # Metro bundler configuration
4. 初始设置
# Install dependencies
npm install

# iOS: install CocoaPods
cd ios && pod install && cd ..

# Run on simulators
npx react-native run-ios
npx react-native run-android

最佳实践

  • 在各个平台上使用一致的命名和包标识符
  • 固定 Node.js 和 React Native 版本，以确保构建可复现
  • 在 iOS 上添加任何原生依赖后，运行 pod install
  • 从默认模板开始，确认运行正常后，再逐步添加功能
  • 尽早设置 CI，并加入 npx react-native run-android 和 run-ios 构建步骤

资源

关键词

react native init、项目创建、Expo、React Native CLI、初始化、跨平台、TypeScript、脚手架

评论

支持 Markdown