关注互联网最新技术
我们一直在努力

Windows搭建React Native环境

[隐藏]

题记

准备学习下手机端的开发,发现React Native非常的不错,一套代码,多处部署。

都说兵马未动粮草先行,下面我们首先搭建下开发环境,保证我们的项目可以正常的启动。

此处我们使用的是Windows 10 x64以及Android Studio x64当前最新版本。

一、Android Studio 安装

二、Android Studio 配置

三、Windows 配置

配置完成后,我们下面准备安装react native脚手架

npm install -g yarn react-native-cli

进入到自己的工作空间,然后使用react native脚手架初始化一个react native 项目

react-native init AwesomeProject
初始化react native
安装完成

进入到项目后,启动android

cd AwesomeProject
react-native run-android

这里如果出现如下错误

无android设备报错截图

这是因为我们在运行react native的时候,没有可使用的android设备。

这时候需要链接一个真机,或者启动一个虚拟设备。

四、手机端配置

要想连接到开发环境,还需要配置下android手机。

从上一步我们看到,React Native给我们启动了一个8081的端口监听,下面我们配置下android手机,已支持与开发环境的连接

每次修改的时候,系统都会自动更新,我们可以在这个界面看到更新进度。

至此,环境搭建完成。

五、资源整理

Android Studio 百度网盘下载地址: https://pan.baidu.com/s/1-oRx25wzwP5pgNYxIw4hDA 提取码:
apmh

赞(0)
未经允许不得转载:全栈志 » Windows搭建React Native环境

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址