React Native在Windows下配置

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lsf1025995457/article/details/52842639

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便可更新程序。

猜你喜欢

转载自blog.csdn.net/lsf1025995457/article/details/52842639