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

番茄西红柿发布于2019-04-23 15:22 / 3382人阅读

摘要：然后把设置为系统的环境变量，之后选择新建或者打开一个开启的选择开启一个模拟器，然后运行如下初始化你的，代码如下网页打开之后选择就好，根据提示按键就可以开启模拟器，等待加载完成就可以了中间有时候需要不少时间，耐心一些参考

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

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

运行完之后就按照好了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

混合云专线服务 android开发环境搭建 native环境搭建 win10配置java环境 React Native

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/2644.html

Flutter基础（二）Flutter最新开发环境搭建和Hello World

摘要：注释处的方法是程序的入口，使用了符号，这是中单行函数或方法的简写，等价于如下代码方法是框架的入口，如果不返回方法，那么执行的是一个控制台应用。本文首发于微信公众号「刘望舒」前言最近的Google I/O大会上，Flutter1.5 开始支持移动、Web、桌面和嵌入式设备，从不温不火的sky一直进化到如今热门的Flutter，Flutter的发展已经超出很多人的想象。我对跨平台技术一...

tuomao 2019-05-23 17:30 评论0 收藏0
react-native 开荒记(一) 开发环境的搭建

摘要：的命令行工具启动，并在菜单中检查一下是否装有某个版本的。的命令行工具中包含一些必须的工具，比如等。环境搭建安装依赖所用平台: macOS 故文章内容基于macOS平台进行，官方最新react-native 0.58版本目标平台所需安装的依赖不同 1.当目标平台为ios时必须安装的依赖有：Node、Watchman 和 React Native 命令行工具以及 Xcode(苹...

tyheist 2019-08-23 16:02 评论0 收藏0
搭建使用create-react-native-app 搭建app开发环境

摘要：文档地址官网文档两种创建的方法环境配置比较第一种方法要求的开发环境比较繁杂，需要等等。第二种可以摆脱和，只要在手机上安装就可以开发当然你也可以在和查看项目效果打包比较第一种打包需要依懒和配置繁琐。 create-react-native-app 文档地址 react-native expo 官网 expo 文档两种创建react-natvie-app的方法 react-native...

NoraXie 2019-08-23 10:25 评论0 收藏0
[React Native Android安利系列]搭建React Native Android环境

摘要：环境首先，我们需要搭建一个开发环境。在终端下，直接执行命令进行查看，如果没有，请百度安装与环境变量配置。如图图不过，如果你运行到了这一步，恭喜你，你已经将的安卓项目成功的编译并安装到手机上了。欢迎大家收看react-native-android系列教程，跟着本系列教程学习，可以熟练掌握react-native-android的开发，你值得拥有https://segmentfault....

pf_miles 2019-06-25 10:30 评论0 收藏0
在Windows下搭建React Native Android开发环境&搭建项目

摘要：配置安卓环境下载安装就是下一步下一步安装完成点击，然后点击在中选择选项卡，然后在右下角勾选。说明： Windows下搭建React Native Android开发环境和基本的React Native项目搭建环境变量添加控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建项目搭建调试方式采用真机调试，如需使用 Android 模拟器...

Object 2019-08-06 11:25 评论0 收藏0