搭建开发环境

安装依赖


需要安装的依赖有:Node、Watchman 和React Native 命令行工具以及Xcode(Xcode 是用来获得编译iOS应用所需的工具和环境)

Node 、watchman

Homebrew来安装Node和Watchman 相关命令:

brew install node
brew install watchman

watchman 是有Facebook提供的监视文件系统变更的工具。安装此工具可以实现实时刷新提高开发效率

Yarn、React Native 的命令行工具(react-native-cli)

Yarn 是有Facebook提供的替代npm的工具, 可以加速node模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目
运行打包服务(packager)等任务

npm install -g yarn react-native-cli

安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install 某第三方库名

Xcode 官网下载

创建第一个项目

创建一个名为AwesomeProject的新项目

react-native init AwesomeProject  // init 命令默认会创建最新的版本。
react-native init MyApp --version 0.44.3 //可以使用--version参数创建指定版本的项目

如果你是想把 React Native 集成到现有的原生项目中,则步骤完全不同,请参考集成到现有原生应用

编译并运行 React Native 应用

在你的项目目录中运行react-native run-ios :

cd AwesomeProject
react-native run-ios

执行react-native run-ios 的时候可能会报错, 注意要先对你的iOS 项目pod install, 对你的RN项目 yarn / npm install

或者在Xcode中直接运行:

提示:如果 run-ios 无法正常运行,请使用 Xcode 运行来查看具体错误(run-ios 的报错没有任何具体信息)。注意0.60版本之后的主项目文件是.xcworkspace,不是.xcodeproj!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容