react-native win7环境搭建

时间:2016-08-22 晚,西安

1.安装jdk

java version "1.6.0_45"
Java(TM) SE Runtime Environment (build 1.6.0_45-b06)
Java HotSpot(TM) Client VM (build 20.45-b01, mixed mode, sharing)

2.下载sdk

单独安装Android SDK,不翻墙的环境下,为了速度可选择使用 androiddevtools,下载文件android-sdk_r24.4.1-windows.zip

设置环境变量:

ANDROID_HOME:projects eactandroid-sdk-windows

PATH:%SystemRoot%system32;%SystemRoot%;%SystemRoot%System32Wbem;%SYSTEMROOT%System32WindowsPowerShellv1.0;%JAVA_HOME%in;D:Program FilesTortoiseSVNin;%MAVEN_HOME%in;%ANDROID_HOME% ools;%ANDROID%platform-tools;D:Program Files odejs

3.安装node.js

官网安装node.js,最好是4.1以上版本,本人安装版本为:node-v4.5.0-x64.msi

4.安装react-native命令行工具React-native-cli

先安装git,然后鼠标右键Git Bash here

git clone https://github.com/facebook/react-native.git,由于网络原因此操作可能第一次会失败,请坚持不懈持续重复进行,直到成功为止

打开cmd命令行,执行如下命令:

cd D:projects eact eact-native eact-native-cli 

npm install -g react-native-cli

5.创建项目

cd D:projects eact eact-native eact-native-cli

react-native init android,此操作同样会持续很长时间,根据网络而定,本人是单位执行了一个下午没反应,删除文件后到宿舍重新执行,一切才OK

6.run android app

7.部署真机测试

确保Android SDK Manager已经安装如下插件

 手机开启USB debug模式

8.build成功,安装上apk后界面红色,配置服务器地址

摇动手机,选择菜单:Dev settings,出现如下页面

选择项:Debug server host for device,并填写实际的服务器信息(192.168.0.173:8081)

重新打开应用


 给npm换源

1.通过config配置指向国内源

npm config set registry http://registry.cnpmjs.org //配置指向源
npm info express  //下载安装第三方包
2.通过npm命令指定下载源
npm --registry http://registry.cnpmjs.org info express

gradle 下载过慢
先将gradle.zip下载到本地,然后修改 D:projects eact eact-native eact-native-cliGaGaMallandroidgradlewrappergradle-wrapper.properties
distributionUrl=file:///D:/projects/react/react-native/react-native-cli/gradle-2.10-all.zip
最后重新运行react-native run-android
原文地址:https://www.cnblogs.com/rigid/p/5797097.html