react-native 开发环境搭建(Windows)

一 . 安装软件

软件: python2,node,  jdk1.8, Android Sdk, Genymotion

1.1 安装python2

下载:


安装:



设置python环境变量:



在path里加入python的安装路径



在命令行输入python命令测试环境变量是否设置成功
python


1.2 安装node

下载:

安装:



在命令行输入命令测试node是否安装成功:

node -v
npm -v

使用npm安装React Native的命令行工具

npm install -g yarn react-native-cli

1.3  安装jdk

下载:

安装:



设置jdk环境变量:

新增JAVA_HOME并在path中添加变量


变量名:JAVA_HOME

变量值:jdk安装路径


要path后新增 %JAVA_HOME%\bin (注意前面有个分号)


测试java环境变量是否配置成功


1.4  安装Android SDK Tools

下载并解压:


进入android-sdk-windows 目录,打开 SDK Manager 下载 Android sdk







设置环境变量:

新增 ANDROID_HOME 变量并在path变量后追加 %ADROID_HOME%\platform-tools 与 %ADROID_HOME%\tools




进入命令行测试adb环境变量


进入android-sdk 安装目录


在命令行输入

>> mkdir licenses
>> echo |set /p="8933bad161af4178b1185d1a37fbf41ea5269c55" > "licenses\android-sdk-license"




1.5 安装Genymotion模拟器(下载安装需注册一个账号)

模拟器依赖virtualbox,安装时会一起安装virtualbox,如果已安装virtualbox,下载时可选择不含virtualbox的Genymotion





安装完成后打开Genymotion

登录Genymotion



登录成功后设置ADB,选择Android SDK安装目录


创建Android虚拟机



设置模拟器连接方式为桥接



启动模拟器


二 .创建React Native项目并运行

2.1 创建项目


2.2 运行项目

>> cd demo1
>> react-native run-android


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值