React Native在Windows下配置

React Native在Windows下配置

1、安装JDK，SDK

JDK和SDK需要设置环境变量，设置成功分别在cmd中通过”java -version”和”adb”进行检测是否配置成功

2、安装node

Node下载地址https://nodejs.org/en/

安装成功通过”node -v”检测Node JS是否安装成功

3、安装git

下载地址:https://git-for-windows.github.io/

用于下载安装react-native

4、下载安装react-native

1)通过cmd进入需要下载的文件夹(react native需要安装的目录)

2)在cmd中输入:git clone https://github.com/facebook/react-native.git等待下(项目略大,需要等待一段时间)

3)下载成功后进入react native目录下的”react-native-cli”目录,输入npm install -g

4)安装完成之后,就可以使用react native命令

5、创建react native项目

通过cmd进入需要创建项目的文件夹输入“react-native init MyProject”，后面是项目名，创建项目时需要等待一段时间。

6、运行服务器

1）进入项目目录输入“react-native start”，等待一段时间，端口默认为8081。

2）运行成功后在浏览器访问：

http://localhost:8081/index.android.bundle?platform=android 

访问成功则表示服务器端运行成功，失败可能端口被占，服务器启动失败。

3）端口被占需要修改项目端口号在:项目下的node_modules\react-native\local-cli\server\server.js下的方法_server的default就是端口号

7、运行Android项目

使用cmd进入项目目录输入”react-native run-android”,第一次运行会下载gradle时间会比较长

8、程序连接服务器

应用安装成功需要配置IP端口连接服务器

1)“摇一摇”手机或者点击“设置”键，出现设置对话框。

2)点击Dev Setting进入设置界面

3)选择Debug server host & port for device 设置IP地址和端口

4)设置成功点击返回键,再次”摇一摇”手机或者点击”设置”键选择Reload JS，程序就运行起来了。

9、修改程序

在项目目录下“index.android.js”为Android进入主页，在里面修改代码保存，手机Reload JS便可更新程序。