当前位置:   article > 正文

windows下安装android版reactnative

windows\v7.1\bin\setenv.cmd

一.安装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程序,更新和下载以下内容

  1. Android SDK Build-tools version 23.0.1
  2. Android 6.0 (API 23)
  3. 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命令

  1. cd npm
  2. 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命令

  1. cd react-native\react-native-cli
  2. npm install -g

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

  1. npm config set registry https://registry.npm.taobao.org
  2. 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文件夹

  1. call "C:\Program Files\Microsoft SDKs\Windows\v7.1\bin\Setenv.cmd" /Release /x86
  2. 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

 

转载于:https://my.oschina.net/ioooi/blog/697988

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/202539
推荐阅读
相关标签
  

闽ICP备14008679号