文档章节

windows下安装android版reactnative

b
 binux
发布于 2016/06/20 18:26
字数 1513
阅读 74
收藏 0

一.安装JDK
1.在Java官方下载;
2.安装完配置windows环境变量;
  添加 JAVA_HOME 内容为 E:\Soft\develope\Java\jdk1.8.0_72
  添加 CLASSPATH 内容为 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;
  在Path最后添加 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
3.可以在dos命令下查看是否安装成功

java -version

二.安装Android SDK
1.从官方下载免安装版本的,解压缩就行
2.配置windows环境变量;
  添加 ANDROID_HOME 内容为 E:\Soft\develope\AndroidSdk
  在Path最后添加 %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
3.可以在dos命令下查看是否安装成功

adb

三.下载AndroidSDK中需要的内容
1.打开Android SDK文件夹,打开SDK Manager.exe程序,更新和下载以下内容

Android SDK Build-tools version 23.0.1
Android 6.0 (API 23)
Android Support Repository

四.安装node
1.从官方下载node的免安装版本,应该是个exe文件,打开可以直接使用
2.在windows环境变量Path中添加node.exe的文件夹位置
  在Path最后添加 E:\Soft\develope\Node\node-v5.10.1-stable-x64;
3.可以在dos命令下查看是否安装成功

node -v

五.安装git
1.从官方下载git的免安装版本,应该是个exe文件,打开可以直接使用
2.在windows环境变量Path中添加git.exe的文件夹位置
  在Path最后添加 E:\Soft\develope\PortableGit\PortableGit-2.8.1-64-bit\bin;
3.可以在dos命令下查看是否安装成功

git

六.安装npm(如果node是msi的安装版本就已经包含了,这里我下载的是.exe免安装版本,所以需要单独安装)
1.建立存放npm源码的文件夹(这里e:\NodePackageManager)
2.在dos命令下进入NodePackageManager文件夹,使用git下载源码

git clone --recursive git://github.com/isaacs/npm.git

3.在下载完成后的文件夹中进入npm子文件夹,编译下载的内容,生产npm命令

cd npm
node cli.js install npm -gf

(这个命令不但会编译新命令,而且还会被添加到node的插件中,在命令行直接使用,其中-gf是指全局安装的意思,就是会安装在node文件夹的全局目录中,建议选择,你可以不要,这样会安装在当前文件夹下,当前工程下)
4.可以在dos命令下查看是否安装成功

npm -v

七.安装React Native(需要有翻墙的支持)
1.新建可以下载React Native源码的文件夹(这里E:\ReactNative)
2.打开dos命令窗口,进入存放React Native的文件夹,使用git命令下载源码

git clone https://github.com/facebook/react-native.git

3.进入react-native子文件夹,使用node命令编译出react native命令

cd react-native\react-native-cli
npm install -g

八.尝试创建ReactNative项目(需要翻墙,翻墙不好的经常出现初始化错误,需要多试几遍或者用npm命令换其他镜像地址)
1.改变下载链接为国内,便于下载,避免翻墙(但可能替换后无法执行后续工作,需谨慎)

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

2.进入想要创建项目的文件夹中
3.使用命令创建项目,创建时间会比较长

react-native init BinuxApp

注意:安装中会出现需要Python、.net framework 4.0、vc++ builder等错误,解决一个又来一个,当然可以完全忽略,这些是node使用时候的问题,和react-native开发app关系不大,但如果想解决可按以下方式执行:
(未安装Python出现的错误:gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.)
(未安装vc++编译器出现的错误:MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "4.0"。 gyp ERR! stack Error: `C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1)
1.安装Python:只有安装版本,没有绿色版,只能安装2.7.*版本,因为3.*的版本语法不同,node是根据老版本开发的,
2.安装vc++编译环境:
   a).Windows XP/Vista/7系统:安装Microsoft Visual Studio C++ 2013 Express版,如果安装失败,看看是否有VC++ 2010 x64&x86 Redistributable已安装,安装了请卸载;如果提示64-bit 编译器未安装,那么还需要更新编译器到windows sdk 7.1 64位版本。
   b).Windows 7/8系统:安装Microsoft Visual Studio C++ 2013 for Windows Desktop Express版
   c).Windows 10系统:
      1).安装最新的npm,应该会在3.3.6版本以上
      2).安装Python 2.7.* 并把安装目录配置在系统环境变量Path中
      3).安装Visual Studio Community 2015 Edition,选择定制安装,一定勾选Visual C++
      4).设置新的环境变量GYP_MSVS_VERSION=2015
      5).使用管理员权限打开命令行,配置npm中的vc编译器版本,如果设置GYP_MSVS_VERSION环境变量可以不做此步骤,但为保险起见建议执行

$ npm install (--msvs_version=2015)

      6).如果还不行,请参考英文文章http://www.serverpals.com/blog/building-using-node-gyp-with-visual-studio-express-2015-on-windows-10-pro-x64
   d).所有Windows 版本都需要注意的事情:如果要编译64位版本的node以及native modules,还需要安装Windows 7 64-bit SDK,此外如果命令行提示WindowsSDKDir未设置,还需要在已安装windows 7 sdk的情况下根据系统版本输入以下命令设置sdk文件夹

call "C:\Program Files\Microsoft SDKs\Windows\v7.1\bin\Setenv.cmd" /Release /x86
call "C:\Program Files\Microsoft SDKs\Windows\v7.1\bin\Setenv.cmd" /Release /x64

九.运行包package,node服务器启动,在开发和调试中不要关闭这个命令窗口
1.命令行状态下进入新建的项目目录中

cd BinuxApp

2.输入服务启动命令,需要等待一会

react-native start

3.可以通过浏览器查看是否启动成功http://localhost:8081/index.android.bundle?platform=android

十.运行项目
1.需要在保持node服务器命令窗口的情况下重新打开新的命令行窗口(管理员权限的)
2.进入所建立的React Native项目目录
3.输入项目启动命令,等待启动,第一次运行会下载gradle,时间会比较长

react-native run-android

 

© 著作权归作者所有

共有 人打赏支持
b
粉丝 1
博文 29
码字总数 49010
作品 0
兰州
程序员
Udacity也弃用React Native了 !看看他们使用React Native过程中遇到了哪些问题

Udacity也弃用React Native了 !看看他们使用React Native过程中遇到了哪些问题 2018-07-12 10:29编辑: 枣泥布丁分类:程序人生来源:程序师 React Native弃用Udacity 招聘信息: iOS开发 ...

枣泥布丁
07/12
0
0
已有Android项目集成RN

开篇一张图,后面全靠编 1.配置ReactNative的js环境 在Android项目根目录下输入命令npm init (直接在Android studio的terminal命令窗口就行) 我们可以看到init让你生成一个package.json文件,...

pjenary
07/19
0
0
React Native 调试问题

使用React Native Tool在VSCODE中进行断点调试时点击DEBUG Android,弹出 Could not debug. Unknown error: not all success patterns were matched. It means that "react-native run-andro......

bill1987610
05/31
0
0
React Native 调试问题

使用React Native Tool在VSCODE中进行断点调试时点击DEBUG Android,弹出 Could not debug. Unknown error: not all success patterns were matched. It means that "react-native run-andro......

bill1987610
05/31
0
0
React Native Mac 下打包Android APK

打包的时候遇到了 好多坑 这里记录下~ 主要步骤: 1.android keystore签名的生成 gradle mac下环境变量的配置 3.android studio中的gradle配置。 4.打包 签名的生成 执行完之后,输入本机的 ...

JsLin_
06/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

nginx模块学习六 add_header 跨域访问

语法 Syntax: add_header name value [always];Default: --Context:http,server,location,if in location 例:/etc/nginx/conf.d/default.conf server {    listen       80; ......

Romanceling
今天
0
0
SpringBoot初探

#SpringBoot初探 三种创建SpringBoot项目的方式: 第一种:使用IDEA创建maven项目,选择maven-archetype-quickstart; 第二种:使用IDEA创建Spring Initializer,选择web组件; 第三种:使用...

向码而生
今天
2
0
IO

JAVA中IO技术:BIO、NIO、AIO 1、同步异步、阻塞非阻塞概念 同步和异步是针对应用程序和内核的交互而言的。 阻塞和非阻塞是针对于进程在访问数据的时候,根据IO操作的就绪状态来采取的不同方...

DemonsI
今天
0
0
org.apache.commons 常用工具类

一. org.apache.commons.io.IOUtils closeQuietly 关闭一个IO流、socket、或者selector且不抛出异常。通常放在finally块。 toString 转换IO流、 Uri、 byte[]为String。 copy IO流数据复制,...

sprouting
今天
0
0
linux使用Inotify监控目录或者文件状态变更

基本概念: Inotify 是一个 Linux特性,它监控文件系统操作,比如读取、写入和创建。Inotify 反应灵敏,用法非常简单,并且比 cron 任务的繁忙轮询高效得多。 需求: 1.有一个文件采集进程,...

mickelfeng
今天
0
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部