windows 下配置react-native环境

windows 下配置react-native环境

所有的命令 最好在 git bash 里面跑

React Native使你能够在Javascript和React的基础上获得完全一致的开发体验，需要安装以下工具

1. JDK(Java SE Development Kit)java语言软件开发工程包，用来编译和安装react native app项目的模块
2. android SDK Android专属的软件开发工具包
3. nodejs （4.0）
4. react-native命令行
5. watchman
6. genymotion
7. python 2.7
8. git-bash

无法下载看一下，是否FQ，开启了lartern \fileserver\share\software\Tools

1 >>>安装java SDK

官网网址 jdk

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

注意选择x86还是x64版本，根据电脑位数，64位不能装32位

配置系统变量 JAVA_PATH >>> jdk的安装目录

.;%JAVAHOME%\lib\dt.jar;%JAVAHOME%\lib\tools.jar

配置系统变量 CLASSPATH

（注意变量值字符串前面有一个"."表示当前目录，设置CLASSPATH 的目的，在于告诉Java执行环境，在哪些目录下可以找到您所要执行的Java程序所需要的类或者包。）  在系统变量 path 里面添加

D:\java\jdk1.8.0_65\bin

D:\java\jre1.8.0_65\bin

2>>> 安装SDK

在开启latern的前提下FQ下载 sdk https://developer.android.com/sdk/installing/index.html 

点击这个图片会跳出adk 

环境变量 ANDROID_HOME （ Android SDK Manager的位置 ）

ANDROID_HOME=> D:\Android\sdk 

在系统变量 path 里面添加

%ANDROID_HOME%\tools

%ANDROID_HOME%\platform-tools 

win +　R　　cmd输入android 安装android SDK（保持lantern在线状态）

3>>> 安装nodejs (> 4.0)

nodejs下载网址

https://nodejs.org/en/

安装结束 配置 NODE_PATH

D:\nodejs\nodeglobal\nodemodules; 

看版本，确认安装 

注意：这里需要注意一点，如果npm 之前由于使用set prefix出错，导致 输入npm 之后，光标一直在闪，但是没有任何反应的情况。那么可以去到　c盘 C:\Users\Administrator 目录下（我这里是admin用户），修改 .npmrc 文件，或者将其删除，则一切正常。

如果npm 的 版本在 3.0 以下 执行

npm -g install npm@3.7.3 配置nodejs的全局缓存

在NodeJs下建立"nodeglobal"及"nodecache"两个文件夹

npm config set prefix "d:\nodejs\node_global"

npm config set cache "d:\nodejs\node_cache"

测试安装npm模块 　选择express这个比较常用的模块，同样在cmd命令行里面

npm install express -g

（“-g”这个参数意思是装到global目录下，也就是上面说设置的“D:\nodejs\node_global”里面。）。待cmd里面的安装过程滚动完成后，会提示“express”装在了哪、版本还有它的目录结构是怎样。

设置NODE_PATH

进入环境变量对话框，在系统变量下新建"NODEPATH"，输入”D:\nodejs\nodeglobal\node_modules“。（ps：这一步相当关键。） 

由于改变了module的默认地址，所以上面的用户变量都要跟着改变一下（用户变量"PATH"修改为“D:\nodejs\node_global\”），要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令，也不是可运行的程序或批处理文件”这个错误。 　　在node模式下导入express模块，如有以下的显示，则安装ok 

4>>>react-native命令行 npm install react-native-cli -g

5>>>watchman \fileserver\share\software\react native 环境配置软件 watchman文件 同样放在用户变量下面 

6>>>genymotion genymotion下载 https://www.genymotion.com/download/

7>>> 下载github http://code.google.com/p/msysgit/

8 >>> app项目运行

git clone git@gitlab.wuxingdev.cn:gat/GuanaitongApp.git

cd GuanaitongApp

npm install (打开FQ软件，否则无法install完成，看一下npm -v，3.0以下会失败)

module安装完毕之后，在

打开genymotion，开启一个android版本，大于4.3,4.3之前的版本都会很卡 

此时cmd还在guanaitongApp目录里面 react-native start

再打开一个cmd react-native run-android