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)