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

时间：2022-01-07 23:18:08
win10的react native 开发环境搭建，使用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

相关文章