蜀道之难,难于上青天

0%

React Native 初探一:Mac + iOS 开发环境搭建

基础环境

1 . 安装 node 和 watchman。

brew install node
brew install watchman

2 . 安装 React Native。

npm install -g react-native-cli

如遇到权限问题,请用

sudo npm install -g react-native-cli

3 . 安装 Xcode,Mac App Store 安装既可。
4 . 验证是否安装成功,可通过如下命令新建和启动项目试试。

react-native init demoProject
cd demoProject
react-native run-ios

启动过程中如果遇到问题,可能是初始化中漏装了一个包,解决途径执行。

npm install

再启动,网上下载的项目出现启动问题也可尝试执行此命令。

开发工具

1 . 接下来选择趁手的 IDE,尝试过 Sublime 和 atom 之后,目前我使用的 WebStorm + ReactNative-LiveTemplate插件
2 . 日志可以在项目路径下执行以下命令查看。

react-native log-ios

3 . Debug 起来也很方便,请先安装好 Chrome,在 iOS 模拟器中 Command⌘ + D,选择 Debug JS Remotely,就可以在 Chrome 愉快的 Debug 了,其它的选项也可以尝试一下。感慨 ReactNative 真是一个伟大的项目,前端真是神奇,FaceBook 真是一个伟大的公司。
以上信息全部来自React Native官网