react native环境

快速搭建React Native开发环境(windows Android篇)

最近要做一个项目的技术选型,因为多端开发,所以一批筛选下来,选了 React Native ,但是 Android 的开发环境在 Windows 下真的好繁琐(还是Mac方便),本文为记录。

建议:过程中最好开启梯子!

安装

Chocolatey

Chocolatey 是一个 Windows 上的包管理器,类似于linux上的yum和 apt-get,以下的软件都是直接用 Chocolatey 安装,当然你也可以直接下载对应的软件安装,这不是硬性的。

你可以在其官方网站上查看具体的使用说明,这里直接打开CMD命令行执行:

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString(‘https://chocolatey.org/install.ps1‘))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

nodejs

choco install nodejs.install

考虑到国内的情况,修改npm为淘宝源

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

Yarn、React Native

npm install -g yarn react-native-cli

Python 2

choco install python2

Java Development Kit

choco install jdk8

Android Studio

Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。

下载地址 http://developer.android.com/sdk/index.html

除非特别注明,请不要改动安装过程中的选项。比如Android Studio默认安装了 Android Support Repository,而这也是React Native必须的(否则在react-native run-android时会报appcompat-v7包找不到的错误)。

在初步安装完成后,选择Custom安装项,自定义 Android SDK 路径。

配置

ANDROID_HOME 环境变量

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建

ANDROID_HOME 环境变量指向了上面步骤设置的 Android SDK 的路径。

platform-tools 加入环境变量里的PATH

e:/Android SDK/platform-tools/

GRADLE_USER_HOME 环境变量

修改Gradle缓存文件夹路径

GRADLE_USER_HOME D:/Cache/.gradle

开发

初始化项目

react-nativ init Demo
cd Demo
yarn install

开发调试

手机开启USB调试(MIUI等系统请开启USB安装权限),然后执行命令:adb devices

在项目根目录执行 react-native run-android

打包 APK

cd android && gradlew assembleRelease

原文地址:https://www.cnblogs.com/shuia/p/9300303.html

时间: 2024-11-15 01:03:36

react native环境的相关文章

史上最详细Windows版本搭建安装React Native环境配置 转载,比官网的靠谱亲测可用

史上最详细Windows版本搭建安装React Native环境配置 2016/01/29 |  React Native技术文章 |  Sky丶清|  95条评论 |  33530 views 编辑推荐:稀土掘金 是一个高质量的技术社区,从 React Native 到 RxJava,性能优化到优秀开源库,让你不错过移动开发的每一个技术干货.各大应用市场搜索「掘金」,技术干货尽在掌握中. 说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程 之前我们已经讲解了React Native的OS X

Mac中搭建 iOS 的 React Native 环境

手把手教你在Mac中搭建iOS的 React Native环境 http://www.cnblogs.com/damnbird/p/6074607.html 准备工作 1.你需要一台Mac电脑..(这不是废话?我所用的是Air~~穷..) 2.我所操作的电脑系统环境是 3.xcode版本:8.0正式版 必需的软件 1.Homebrew Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件. 打开终端,执行 /usr/bin/ruby -e "$(curl -fs

谈谈React Native环境安装中我遇到的坑

谈谈React Native环境安装 这个坑把我困了好久,真的是接近崩溃的边缘...整理出来分享给大家,希望遇到跟我一样问题的小伙伴能尽快找到答案. 首先,这是在初始化App之后,react-native run-android指令  报错如下: 这个问题困扰了好久,查阅了很多资料,使用各种解决办法,有的资料解决办法如下: 跟随着改变之后,再react-nativerun-android,运行结果如下: 以上的方法依然未能解决,反而报了其他的错误,然后我把文件中更改的地方复原. 下面是第二种方法

windows环境下搭建react native环境

一.基础软件1.安装jdk-1.8.0_922.安装android studio-2.1.2(文件大小为1.2G的那个)3.安装node.js(目前最新是6.3.0)4.安装git-2.9.05.安装genymotion-2.7.2(进入setting配置sdk为android studio的sdk)注意1:genymotion模拟器开启后要打开wifi,react native需要注意2:设置环境变量ANDROID_HOME值:C:\Users\clock\AppData\Local\Andr

初学 React native | 环境搭建(在模拟器上运行)

我的电脑是windows 所以就以 windows上+Android 配置React native 环境 网上的安装教程非常多,我总结了一下,出错原因主要是node java python c++  sdk 环境有问题,或者就是自己没有科学上网(你懂),网络有问题,导致了安装失败 至于如何安node java python c++ react-native-cli Android  sdk 我就不那么详细的说了,我主要说下我碰见的问题,想了解具体如何解决,点击这,还有这 node node wi

React Native环境搭建

React Native环境搭建 by 伍雪颖 1.安装 node,watchman,flow brew install node brew install --HEAD watchman brew install flow 2.安装react-native npm install -g react-native-cli 3.初始化工程 react-native init Helloworld 4.用xcode打开Helloworld.xcodeproj,运行 大功告成!

Windows版本搭建安装React Native环境配置

1 安装Chocolatey 打开cmd黑窗口 @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin把这个代码粘进去,回车 2 安装No

React Native环境配置之Windows版本搭建

接近年底了,回想这一年都做了啥,学习了啥,然后突然发现,这一年买了不少书,看是看了,就没有完整看完的.悲催.然后,最近项目也不是很紧了,所以抽空学习了H5.自学啃书还是很无趣的,虽然Head First Html5 Programming(中文版)这本书讲的很有意思,但是学习了大半本就想自己动手练练,所以得找个框架玩玩.另外之前也就听说过React Native很火,火了半个地球了,而且它号称"Learn once,write anywhere"这句话在移动开发猿眼里意味着什么呢,我不

react-native学习笔记--史上最详细Windows版本搭建安装React Native环境配置

参考:http://www.lcode.org/react-native/ React native中文网:http://reactnative.cn/docs/0.23/android-setup.html#content 1.安装Jdk(最好默认安装路径尽量别改) http://jingyan.baidu.com/article/a24b33cd59b58e19fe002bb9.html http://www.jb51.net/article/36811.htm(三个环境变量都配置)  Ja

Windows版本搭建安装React Native环境配置及相关问题

此文档整理参考地址: http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/ http://android-mirror.bugly.qq.com:8080/include/usage.html 1.安