react native的win10 开发环境搭建,调试使用Android模拟器

1.打开cmd的管理员模式,win+X,选择命令提示符(管理员)即可,运行如下命令:

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

运行完之后就按照好了Choco,运行一下命令:

choco install -y nodejs.install python2 jdk8

等一会nodejs 和python2、jdk8就安装好了,之后运行

npm install -g react-native-cli

之后下载Android Studio,安装如下component:

  • Android SDK
  • Android SDK Platform
  • Performance (Intel ® HAXM)
  • Android Virtual Device

安装完成之后,运行Android Studio,

根据下面路径:Appearance & Behavior → System Settings → Android SDK,复制Android SDK Location,在SDK Platforms窗口中,选择Show Package Details,然后勾选

  • Android SDK Platform 26
  • Google APIs Intel x86 Atom_64 System Image
  • Intel x86 Atom_64 System Image

在SDK Tools选项卡之下,选择Show Package Details然后在Android SDK Build Tools中勾选Android SDK Build-Tools相应的版本,然后点击apply和ok,等待安装完成。然后把Android SDK Location设置为win10系统的环境变量,之后选择新建或者打开一个Project,开启Android Studio的AVD,选择开启一个模拟器,

然后cmd运行如下:

npm install -g expo-cli

初始化你的 React Native project,代码如下:

expo init (Your React Native Project Name)

cd (Your React Native Project Name) npm start

网页打开之后CONNECTION选择local就好,根据提示按a键就可以开启Android模拟器,等待Building JavaScript bundle加载完成就可以了中间有时候需要不少时间,耐心一些!

参考:

https://facebook.github.io/react-native/docs/getting-started.html​facebook.github.io

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值