React Native 官方提供两种创建 React Native App 的方式:
- Expo:Expo 是一个开源工具链,用于构建、发布和管理 iOS 和 Android 上的 React Native 应用程序。
- React Native CLI
在我现在的系统上,使用 React Native CLI 创建 React Native App 会遇到很多问题,尤其是网络问题,所以我选择使用 Expo 来创建 React Native App。
此时的 npm
和 yarn
仓库设置是:
❯ npm config get registry
https://registry.npmmirror.com
❯ yarn config get registry
https://registry.yarnpkg.com
如果使用 npm
,即使设置成国内的镜像,也会非常非常的慢。
我的最佳实践是:
- 使用 Expo 创建 React Native App
- 使用 yarn 而不是 npm
- 使用 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