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)

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/RazerTang/article/details/73159309
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-01 21:55:11
阅读 ( 1279 )
分类：Go环境配置

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

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看