Skip to content

Instantly share code, notes, and snippets.

@zRich
Last active January 28, 2024 00:26
Show Gist options
  • Save zRich/1de13253da6058598e7d0fc6b61a4a08 to your computer and use it in GitHub Desktop.
Save zRich/1de13253da6058598e7d0fc6b61a4a08 to your computer and use it in GitHub Desktop.
创建 React Native App 最佳实践

React Native 官方提供两种创建 React Native App 的方式:

  • Expo:Expo 是一个开源工具链,用于构建、发布和管理 iOS 和 Android 上的 React Native 应用程序。
  • React Native CLI

在我现在的系统上,使用 React Native CLI 创建 React Native App 会遇到很多问题,尤其是网络问题,所以我选择使用 Expo 来创建 React Native App。

此时的 npmyarn 仓库设置是:

❯ npm config get registry
https://registry.npmmirror.com
❯ yarn config get registry
https://registry.yarnpkg.com

如果使用 npm,即使设置成国内的镜像,也会非常非常的慢。

我的最佳实践是:

  1. 使用 Expo 创建 React Native App
  2. 使用 yarn 而不是 npm
  3. 使用 TypeScript 而不是 JavaScript

以下是我创建 React Native App 的步骤:

yarn create expo-app --template

根据提示选择模板,我选择的是 blank (TypeScript)

完成之后,进行项目目录然后,执行 yarn ios 即可启动 iOS 模拟器。

注意,此时用 VS Code 打开项目。VS Code 会报找不到 "extends": "expo/tsconfig.base" 的错误。 重新启动 TS Server 即可解决。按 Shift + Command + P,输入 TypeScript: Restart TS Server 即可。

如果要开发 Android 应用,需要配置环境变量。

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment