React Native(Window篇)

React Native（windows篇）


一、准备工作


1.电脑要具备jdk，sdk环境。
Tips：在配置sdk的path之前，事先在环境变量进行ANDROID_HOME的配置（这个很重要）


2.下载工具


node-v4.4.7-x64.msi
32位：https://nodejs.org/dist/v4.4.7/node-v4.4.7-x86.msi
64位：https://nodejs.org/dist/v4.4.7/node-v4.4.7-x64.msi

Git-2.9.2-64-bit.exe
DOWN：https://git-for-windows.github.io/

3.确保sdk中android-23是最新的，否则可以在android studio的sdk manager里面进行更新。
Tips：SDK更新下载代理android-mirror.bugly.qq.com  端口8080

4.在本地硬盘，比如D盘里面新建一个文件夹。文件夹名称为 React_Native 。把步骤2下载下来的工具放入该文件夹


5.把React_Native文件夹里面新建两个文件夹，名称分别为 NodeJs ，git


6.把两个软件分别安装在各自的文件夹里面


二、配置环境


1.打开React_Native文件夹，找到刚安装的git文件夹，双击打开里面的git-cmd.exe


2.设置全局镜像，在刚打开的控制台依次输入以下命令


npm config set registry https://registry.npm.taobao.org

按回车键，接着输入下面的命令

npm config set disturl https://npm.taobao.org/dist

3.打开https://github.com/facebook/react-native 把这个下载下来，然后解压到React_Native文件夹里面


4.在控制台进入到解压的文件夹里面，进入react-native-cli文件夹里面


5.这个时候在控制台输入 npm install -g react-native-cli


三、创建项目


1.在React_Native文件夹里面新建一个RNAPPS的文件夹


2.在控制台进入到这个新建的文件夹里


3.在控制台输入 react-native init MyProject   Tips:MyProject为项目名称


4.在控制台进入刚才创建的新项目的所在目录下，比如cd MyProject


5.在控制台输入 react-native start


6.这个时候在浏览器输入 localhost:8081 看是否在运行


7.真机运行，把手机插上电脑。在控制器输入 react-native run-android


四、可能出现的问题


1.找不到sdk的路径（这个问题很纠结坑爹）
解决办法：1.请先确保配置了ANDROID_HOME的环境变量，并且在PATH里面以%ANDROID_HOME%配置SDK的环境变量
 2.在对应项目的android文件夹下面新建文件local.properties
 3.用notepad++打开这个文件，里面写入 sdk.dir=D\:\\Android_Tool_BIT64\\sdk  （sdk路径）
 
2.没有找到android-23
解决办法：打开android studio，在sdk manager里面进行更新

3.安装在手机的时候，红色背景
解决办法：方法一、摇晃手机，在弹出的窗口中，设置请求地址的端口。如192.168.1.66:8081,然后reload就可以了
 方法二、adb reverse tcp:8081 tcp:8081

本人原创，转载请注明出处！！！