环境搭建
开发平台:Mac 目标平台:ios
推荐去ReactNative中文网走一遍,照着文档里的搭建教程一步一步走正常情况下应该不会出错;
本文只是简化了一下,文档里的库也不必都需要安装,另外补充一些其他填坑技巧;
必须的安装
Homebrew
Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。
运行以下命令就可以安装了
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
这个很有用,很多安装包appleStore上都没有,用这个来安装一些app还是挺方便的。
如果碰到权限问题:
运行这个
sudo chown -R `whoami` /usr/local
Node
这个就不用说了吧,推荐安装最新版;
brew install node
Yarn、React Native的命令行工具(react-native-cli)
npm install -g yarn react-native-cli
这个步骤是全局安装了 react-native
的命令;
们可以通过react-native --help
来查了它支持的所有命令;
我们都知道,一般全局安装完 npm
后都推荐设置一下换源,就是这种操作:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
XCode
React Native目前需要Xcode 8.0 或更高版本。你可以通过App Store或是到Apple开发者官网上下载。这一步骤会同时安装Xcode IDE和Xcode的命令行工具。
项目安装
运行命令:
react-native init AwesomeProject
cd AwesomeProject
react-native run-ios
上边在 react-native init AwesomeProject
这一步浪费了点时间,希望大家引以为鉴!
然后 就在 react-native run-ios
这一步出错了。。。
报错:
No bundle url present
也在网上找到了解决方案:
删除项目文件下的build文件夹,再次执行 react-native run-ios
cd YOUR_PROJECT/ios
rm -r build
react-native run-ios
出来这个基本就差不多了:
暂时到这,后续补充。。。