windows下react-native搭建环境

参考文章

windows下react-native搭建环境

第一步:安装Java

设置环境变量,修改Path


JAVA_HOME

第二步:下载安装Android SDK

设置环境变量


ANDROID_HOME

第三步:安装node.js,git

第四步:安装react-native命令行工具

在命令行输入

npm install -g react-native-cli

第五步:创建react-native项目

  1. 设置淘宝镜像(可选)
npm config set registry [https://registry.npm.taobao.org](https://registry.npm.taobao.org/)
  1. 新建一个文件夹(C:\Users\czl\Documents\react-native\hello1),利用命令控制窗口进入文件夹初始化一个项目:
react-native init AwesomeProject
react-native init AwesomeProject

这里需要一点时间

第六步:进入工程目录:

 cd AwesomeProject

第七步: 连接设备或者模拟器 这里推荐设备

再打开一个命令窗口,运行adb devices,如果正确配置了Android SDK环境变量,我们在docs命令控制行中运行应该可以看到下面界面:


image.png

我们可以看到设备号为42048543c...表示已经连接成功。

第八步:编译运行Android

AwesomeProject目录下运行react-native run-android,就会构建工程并自动安装到你的模拟器或者设备
首先弹出node窗口

image.png

image.png

出现上图表示成功。

第九步:运行程序

loading

等待几秒钟出现如下界面,即表示成功


success

你可能感兴趣的:(windows下react-native搭建环境)