react-native 环境的搭建(包括Android和iOS)

先介绍window下搭建Android环境,比较大多数人用的都是Android


先配置java环境变量和sdk的环境变量,Java环境这里就不介绍了,不知道的额=可以去网上百度一下,教程特别的多,至于sdk环境变量的配置的话,具体就是安装,Android studio,可以去官网下载,模拟器的安装,根据自己的喜好,我安装的是 ‘海马玩’模拟器。个人感觉不错

1. 新建一个放置次项目的文件夹,在此文件夹之下打开 git bash,执行npm(cnpm) install react-native-cli -g (有cnpm的话用cnpm,没有的话只能用npm,虽然cnpm比较快,但是cnpm把所有的文件都展开了,显得文件夹十分的大,静静等待他安装完成,这个依赖还是比较小的)。

2. 之后执行 react-native init "文件夹的名字"  注意:这个名字才是真正的native的名称。这个过程十分的漫长,和网速有很大的�关系,而且,npm在国内的网速你懂得(估计被墙了)

3. 安装完上一步之后,先把模拟器打开,如果是海马玩模拟器的话,直接搜索vbox就可 实际路径依据你实际情况

打开配置文件,搜索guestport="5555" ,找到前面一个英文hostport的值,我这里是26944,不知道你那是否相同

cmd 或 git bash 下 输入 adb connect 127.0.0.1:26944

再 react-native run-andriod  就可以打包到模拟器了  事实刷新也ok了

Mac环境的搭建

前两步都是一样的,第三部,因为Mac有自带的xcode所以根本不需要安装模拟器(贴心啊,有木有),之后再native的文件夹下找到ios文件夹,里面有一个以  “xcodeproj”结尾的文件,用xcode打开,之后执行,react-native run-ios 就可以运行啦!

你可能感兴趣的:(react-native 环境的搭建(包括Android和iOS))