Mac React Native环境搭建，一路下来踩过的坑

优势
最终是渲染成Native的View,不存在效率问题
跨平台 AndroidiOS

动态更新

 (比较了Weex，最终还是选择了React Native)

地址

https://github.com/facebook/react-native

Star:49427

 

成功案例

京东，QQ，手机百度，Facebook，Instagram
https://facebook.github.io/react-native/showcase.html
 

安装

主要参考这个连接:https://reactnative.cn/docs/0.44/getting-started.html

Node.js:v7.10.0(8.x的noded的调试器的名字换了在webstorm无法断点调试,最初装的是8.x的，可以使用nvm装多版本，随意切换)

Npm:5.0.1

React-native:0.44.3

React-native-cli:2.0.1

 

Node.js安装注意:

先安装nvm(node.js version manager)

http://dev.topheman.com/install-nvm-with-homebrew-to-use-multiple-versions-of-node-and-iojs-easily/

使用nvm 安装nodejs

命令:nvm install 7.10.0 

 

安装android可能遇到的licence的问题

https://stackoverflow.com/questions/38096225/automatically-accept-all-sdk-licences

执行命令:tools/bin/sdkmanager--licenses

还需要设置android为可调试模式,才可run起来

 

开发环境

WebStorm(2017.1.3 试用版),xCode,Chorme

webStorm需要安装ios-deploy：

https://github.com/phonegap/ios-deploy/issues/109

执行命令:sudo npm install --global --unsafe-permios-deploy
webStorm的断点调试: https://blog.jetbrains.com/webstorm/2016/12/developing-mobile-apps-with-react-native-in-webstorm/
 

webStorm需要配置调试环境（Edit Configuration）:

iOS模拟器配置:



iOS真机配置:



RN论坛的经验分享：点击打开链接

学习资料

React Native中文: https://reactnative.cn/docs/0.44/getting-started.html
React Native官方: https://facebook.github.io/react-native/
Node.js中文网: http://nodejs.cn/

Node.js 官方: https://nodejs.org

导航:https://reactnavigation.org/

npminstall--savereact-navigation (cd到项目进行额外安装,react native自带的navigation已经deperated)