React native 开发环境的搭建 — mac平台


Nuclide(此链接需要科学上网)是由Facebook提供的基于atom的集成开发环境,可用于编写、运行 调试React Native应用。

点击这里阅读Nuclide的入门文档

译注:我们更推荐使用WebStormSublime Text来编写React Native应用。


iOS环境

1、安装Homebrew ,终端输入:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"   ,按回车

注意:在安装的时候会遇到/usr/local没法读写(macos10.11以上,有一个Rootless机制,防止恶意程序的最后防线),可以使用

sudo chown -R `whoami` /usr/local

建议:

    a.使用  sudo  chmod  777 /usr/local ,设置最大权限

     b.关闭Rootless机制   

1>将电脑重启按住CMD+R 进去恢复模式

2>进入恢复模式后,打开终端,输入:   $csrutil disable 关闭  $csrutil enable 打开Rootless

 2、安装nodejs

https://nodejs.org/en/  下载

或者  命令安装:  brew install node

安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpmcnpm安装的模块路径比较奇怪,packager不能正常识别!

npm config set registry https://registry.npm.taobao.org --global


3、安装Watchman

Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。

brew install watchman

目前最新版为4.7.0版本


4、安装Flow

Flow是一个静态的JS类型检查工具。译注:你在很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法。这一语法并不属于ES标准,只是Facebook自家的代码规范。所以新手可以直接跳过(即不需要安装这一工具,也不建议去费力学习flow相关语法)

brew install flow


安卓的环境

1、安装Java环境

JDK   http://www.oracle.com


2、安装Android Studio

React Native目前需要Android Studio2.0或更高版本,下载地址:https://developer.android.com/studio/install.html


Android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令行中输入

 javac -version

   来查看你当前安装的JDK版本。如果版本不合要求,则可以到 官网上下载。

现在Android Studio最新版是2.3.3,安装即可


3、配置Android 的环境变量

4、安装Android的模拟器


5、补充安装eclipse(与RN无关)

      补充安装apache-Tomcat


初始化第一个RN项目

react-native init helloWorld


打开Android Studio ,找到Android工程,等待安装AndroidSDK


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值