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,不FQ的环境下,为了速度可选择使用 androiddevtools,下载文件android-sdk_r24.4.1-windows.zip

设置环境变量:

ANDROID_HOME:projectsreactandroid-sdk-windows

PATH:%SystemRoot%system32;%SystemRoot%;%SystemRoot%System32Wbem;%SYSTEMROOT%System32WindowsPowerShellv1.0;%JAVA_HOME%bin;D:Program FilesTortoiseSVNbin;%MAVEN_HOME%bin;%ANDROID_HOME%tools;%ANDROID%platform-tools;D:Program Filesnodejs

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:projectsreactreact-nativereact-native-cli 

npm install -g react-native-cli

5.创建项目

cd D:projectsreactreact-nativereact-native-cli

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

6.run android app

react-native win7环境搭建

7.部署真机测试

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

react-native win7环境搭建

react-native win7环境搭建

react-native win7环境搭建

 手机开启USB debug模式

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

react-native win7环境搭建

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

react-native win7环境搭建

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

react-native win7环境搭建

重新打开应用


 给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:projectsreactreact-nativereact-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

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/33298

(0)
上一篇 2024年10月6日 23:03
下一篇 2024年10月8日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml