2021-08-19 搭建开发环境
2021-08-19 本文已影响0人
QYCD
React Native 中文网
PS: 跟随这个教程搞一遍，记录下自己的过程
作为iOS开发者，自然如下选择:
开发平台和目标平台: macOS + iOS
安装Homebrew，我使用了科学上网工具安装的，也可自行搜索安装方式
- 检查是否安装过Homebrew/版本号: brew -v
- 更新Homebrew: brew update
- 查询已安装包: brew list
- 安装任意包: brew install name, 比如 brew install node
- 卸载任意包: brew uninstall name, 比如 brew uninstall node
- 查看任意包信息: brew info name, 比如 brew info node
- 查看Homebrew命令: brew help
image.png
安装依赖:
Node、Watchman 通过Homebrew安装
作为iOS开发者，Xcode 和 CocoaPods已经在我Mac上了
CocoaPods版本要求1.10以上，查询本机CocoaPods版本
image.png
安装Yarn: npm install -g yarn
image.png
创建新项目
使用 React Native 内建的命令行工具来创建一个名为"AwesomeProject"的新项目。这个命令行工具不需要安装，可以直接用 node 自带的npx命令来使用（注意 init 命令默认会创建最新的版本）:
npx react-native init AwesomeProject
PS: 下载cocoapods依赖时浪费了很多时间，部分第三方库一直失败，最终通过设置终端代理下载完毕了
编译并运行 React Native 应用
项目目录中运行yarn ios或者yarn react-native run-ios：
cd AwesomeProject
yarn iOS
# 或者
yarn react-native run-ios
很快就能看到 iOS 模拟器自动启动，可能我的mac性能太差，这里耗费了800多秒
image.png
Simulator Screen Shot - iPhone 12 - 2021-08-19 at 15.42.03.png
