React-Native环境搭建(windows)

最近在研究reactNative开发,把环境搭建的过程给大家分享一下,RN环境的搭建真的是异常的困难啊

如果需要运行react-native项目,首先必须具备的依赖环境有:

1. Java Development Kit 1.8.x(更高版本暂不提供支持)

2. Python 2.x(2.7)(3.x不提供支持)

3. Node 8.3.x+(低版本不提供支持)

4. Yarn

5. react-native-cli

6. Android Studio 3.2

7. Android 8.1 (Oreo)版本的 SDK

 

1.JDK1.8.0

下载地址:http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.html

安装后,配置环境变量

       在系统变量中,添加系统变量

变量名:JAVA_HOME

变量值:D:\Java\jdk1.8.0_191(根据自己实际安装目录确定路径)

在系统变量中,path下,添加变量值

%JAVA_HOME%\bin

%JAVA_HOME%\jre\bin

以上为win10系统范例

win7系统中,变量值以分号隔开

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

CMD中,验证安装结果java –version(一个杠)

       React-Native环境搭建(windows)_第1张图片

 

2.Python 2.x

下载地址:https://www.python.org/downloads/windows/

版本选择:选择与操作系统对应的版本进行安装。下载成功后,双击已下载的.exe执行文件进行安装

配置python环境变量。修改PATH变量

新增变量值:D:\Python27\Scripts\

新增变量值:D:\Python27\

React-Native环境搭建(windows)_第2张图片

键入python -V,打印如下信息:

3.Node

下载地址:https://nodejs.org/en/download/

版本8.3.x以上!

键入node--version,打印如下信息:

4. Yarn

npm全局安装npm install -g yarn

测试是否成功:yarn -v,打印如下信息:

5. React-Native cli

npm全局安装npm install -g react-native-cli

测试是否成功:react-native -v,打印如下信息:

6. Android Studio

下载安卓开发环境,必须使用稳定的科学上网工具

下载地址:https://developer.android.com/studio/index.html

配置环境变量,

变量名:ANDROID_HOME,变量值: D:\Android\SDK

根据自己sdk路径进行配置

在系统变量path中添加

%ANDROID_HOME%\tools

%ANDROID_HOME%\platform-tools

测试是否成功:adb,打印如下信息:

React-Native环境搭建(windows)_第3张图片

在android studio中FileèsettingsèAppearance&BehaviorèSystem SettingsèAndroid SDK中勾选show package details

React-Native环境搭建(windows)_第4张图片

单机apply 等待安装完成即可

7.create Virtual Device

React-Native环境搭建(windows)_第5张图片

选择系统,机型,创建一个安卓模拟器即可。

你可能感兴趣的:(react,javascript)