欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-03-20 15:12:46
1.打开cmd的管理员模式,win+X,选择命令提示符(管理员)即可,运行如下命令: 运行完之后就按照好了Choco,运行一下命令: 等一会nodejs 和python2、jdk8就安装好了,之后运行 之后下载Android Studio,安装如下component: Android SDK And ......

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加载完成就可以了中间有时候需要不少时间,耐心一些!