一.ReactNative 环境搭建
1.参考指南
reactnative.cn/docs/0.48/getting-started.html#content
ReactNative 中文网,集成步骤详细,按步骤一步步来,这里就不赘述了。
2.遇到的问题
如果你按照上述步骤走完,恭喜你,RN环境搭建完成了!
但是你很可能会遇到以下问题!
问题一:如果你使用Xcode打开工程并运行的话,会报如下错误
报错的原因是react的依赖没有添加成功
解决办法参考问题二
问题二:如果你用终端执行 react-native run-ios命令运行项目的话,会报如下错误
这是因为,从react0.45版本以后需要下载boost编译,而外网被和谐了。
解决办法:
方法一:在工程所在目录,打开package.json,做如下修改
将版本改为0.44.3
修改完成之后,commond+s保存文件,然后删除node_modules文件夹
在终端执行命令:npm install
最后执行命令:react-native run-ios 或者使用Xcode打开工程并运行
方法二:重新创建工程
步骤1:react-native init AwesomeProject --version 0.44.3
步骤2:cd AwesomeProject
步骤3:react-native run-ios 或者使用Xcode打开工程并运行
BUILD SUCCEEDED!!!
二.开发工具的选择
1.WebStorm(本人使用中,详细介绍)
2.Sublime Text
3.官方开发工具Nuclide
WebStorm打开React Native的正确姿势
步骤一:导入你所创建的React Native工程
步骤二:下载ReactNative.jar包 并导入
下载方法: 打开终端,cd到指定文件夹,例如cd Desktop ,然后输入命令:
git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
导入jar包:File->Default Settings->ReactNative.jar
步骤3:设置.js文件默认以jsx的语法打开
步骤4:勾选ECMAScript-6
完成这些操作以后,就不会有黄色或者红色的警告了,还具备了代码补全提示功能。
本人也是RN新手一枚,写下此篇只为记录成长,文笔有限,还请多指教!
ps: 提供一个链接,非常全的ReactNative 问题集锦
www.jianshu.com/p/98c8f2a970eb