RN win7 环境搭建

2017-05-19 本文已影响48人烟雾袅绕

1、安装Java
这里需要注意对环境变量的设置，可以根据java -version来检测一下（注意应该需要安装jdk1.8）
2****、安装SDK
这里需要注意设置环境变量ANDROID_HOME：Android SDK Manager的位置例如：（ANDROID_HOME=> E:\Android\sdk）设置环境变量PATH：例如：（PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools）
3****、设置SDK
打开Android SDK Manager。
选中以下项目：

Android SDK Build-tools version 23.0.1
Android 6.0 (API 23)
Android Support Repository
Local Maven repository for Support Libraries

4：模拟器选择使用 Genymotion 下载及使用可自行百度（尽量选择这个，一开始使用自带的安卓模拟器 haxm 的时候启动项目，怎么也找不到设备一直报错 Could not install the app on the device, read the error above for details.）

5、安装node**
这货是基于js的，node.js轻量级的Web服务器，想要是React Native跑起来需要安装node，如果没有安装node.js，先去官网安装node.js,最好是4.1以上版本
下载地址：https://nodejs.org/en/
下载node.js，找好对应的版本，然后去安装就可以了。大家可以通过node -v的命令来测试NodeJS是否安装成功

2
5、安装git
安装React-native需要用到git，如果没有配置git，需要先下载对应的客户端，然后将git加入path环境变量即可下载地址：https://git-for-windows.github.io/安装：

4
6、安装react-native命令行工具react-native-cli
git配置完成后可以clone React-native-cli了，建议大家到将react-native-cli克隆到某个盘，不要在c盘直接clone

在命令行中进入你希望RN安装的目录
输入git clone https://github.com/facebook/react-native.git，等待下载

5
clone成功后：
6
进入刚刚目录下的react-native目录下的react-native-cli目录，输入npm install -g

7
安装好之后，可以命令行下就有react-native命令了
7、创建RN项目
进入你希望创建项目的目录后，输入react-native init AwesomeProject，等待一段时间（较慢）
8
成功后：
9
目录结构：
10
7、运行package
在命令行中进入项目目录，输入react-native start，等待一段时间：
11
这时候可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android，如果可以访问表示服务器端已经可以了。
12