Windows下搭建react-native开发环境

最近公司没有什么事情,所以决定研究一下react-native.

react-native是Facebook研发的一种用于移动端研发hybrid app 的技术(研究的不深,目前只知道这个作用),那么对于react-native的环境搭建却是有些复杂.

那么对于刚刚完成环境搭建的我来说,赶紧把这个过程记录下来,等忘记的时候拿出来阅览一下.

好了,废话不说了,进入正题.

第一步,我们需要安装各种软件:

1,node.js 下载地址:http://nodejs.cn/

    直接默认安装就行,完成后可以在cmd里面输入node -v确认是否成功.

    ps:这里有个坑,安装完成后会自动添加环境变量,但是有的机器在cmd中依然找不到这个软件,不妨重启一下试试.

2,git 下载地址:https://gitforwindows.org/

    这个没什么好说的,一直next完成安装即可.

3,python 下载地址:https://www.python.org/downloads/windows/

    同样的,安装完成后在cmd中输入命令 python -V(大写的)确认是否成功.并在环境变量(PATH)中添加python的根目录.

    ps:显示版本号表示成功.

4,jdk,并且配置环境变量(JAVA_HOME)

5,Android-sdk,并且配置环境变量(ANDROID_SDK_HOME),并在环境变量(PATH)中添加*:\Android-sdk\platform-tools

    ps:*表示你Android-sdk所在的盘符.

第三步,在cmd中通过npm包管理器安装react-native

1,在cmd中依次输入命令(使用淘宝提供的镜像)
npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist2,安装react-nativenpm install -g react-native-cli

第四步,创建项目,并运行

1,在cmd中输入命令:react-native init 项目名称.

    ps:这里你需要将cmd的当前目录设定为你想把项目存放的位置.

    例如:此时如果输入react-native init myrn ,就会在c盘users的dt文件夹下创建myrn.

2,在cmd中输入命令:react-native run-android运行项目.

    ps:运行项目前,需要将cmd的当前位置移动到你创建项目的根目录.

    ps:在此时,会自动启动node服务器.

    ps:如果使用真机运行,则需要在应用启动后摇一摇打开Dev setting菜单,进入Debug server host & port for device 中设置ip地址:端口号(8081),注意:手机要与电脑处在同一网络中.

第五步,安装react-native开发环境

    Android的开发环境就不需要说了,我想看到此文章的同学都不陌生,那么如何搭建react-native的开发环境呢?

1,在这里我是使用Intellij IDEA作为react-native的开发环境的,也可以用其他的.功能都是差不多的.

2,打开刚才创建的程序,待加载完成后,点击Run->run选项.配置npm启动.如下图

    点击apply,就完成了配置.

    ps:其实这一步就是配置了使用工具启动npm服务器.

好了,现在基本就完成了整个环境搭建的过程.

有哪里不对的,请下方留言,共同探讨哦.