本文项目运行平台为 mac + iOS
搭建开发环境:xcode, node, watchman, cocoapods
在appstore或官网下载好 Xcode,确保command line tools 和 stimulator 一并安装成功
brew install node
brew install watchman
brew install cocoapods
他们分别的作用:
- node 不用我说了吧
- Xcode 来获得编译 iOS 应用所需的工具和环境。
- Watchman是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager 可以快速捕捉文件的变化从而实现实时刷新)
- 从 0.60 版本开始 react native 的 iOS 版本需要使用 CocoaPods 来管理依赖。
创建项目:使用 npx 命令行创建一个名为 AwesomeProject 的项目目录
npx react-native init AwesomeProject
这一步 可能会在 Installing CocoaPods dependencies (this may take a few minutes) 这里卡一会儿
编译并运行 React Native 应用
cd AwesomeProject
yarn ios
# 或者
npx react-native run-ios
这个过程也可能会好一会儿,因为它会打开模拟器,并打包当前的 RN 项目并发布到模拟器上
稍安勿躁,等一会儿之后,应用已经打包到我们的模拟器上了。
这时候,打开App.js,随便改动,会看到页面自动刷新。