锐客网

  1. 首页 > 睿知 > it技术 > >

React Native Android开发环境配置

IT知识Android开发

博观而约取，厚积而薄发。这篇文章主要讲述React Native Android开发环境配置相关的知识，希望能为你提供帮助。
近些年，Web前端甚是火爆，火爆程度堪比我毕业时的移动端开发一般。随着JavaScript的火爆，移动端也不安分了起来，ReactNative就异军突起了，几乎要做到“一次学习，四处开发”了，而我更是要拥抱时代的变化，开始自己的ReactNative的学习了。
 
那首先我们就是要开始配置环境：
需要安装的工具有：
1. Android Studio
2. SDK
3. JDK
4. node.js
5. react native
6. atom编辑器及其Facebook提供的插件Nuclide
7. Chrome浏览器及其Facebook提供的插件React Developer Tools
 

1.  安装JDK，JDK官网下载，基本是一键安装，不多解释，安装成功；终端中执行

java -version

若出现类似以下输出，则执行成功
java version "1.8.0_91" Java(TM) SE Runtime Environment (build 1.8.0_91-b14) Java HotSpot(TM) 64-Bit Server VM (build 25.91-b14, mixed mode)

【React Native Android开发环境配置】 
2. 安装android Studio
谷歌或百度搜索Android Studio（对应自己的操作系统）最新版本，一键安装。
安装成功后，配置好SDK位置，设置好环境变量，参考：https://www.cnblogs.com/xdp-gacl/p/4329469.html?utm_source=tuicool
 
3. 安装Node.js;
参考：https://blog.csdn.net/u010053344/article/details/50545304

4. 安装React Native
执行：
npm install -g react-native-cli

  然后检查是否安装成功：
react-native -h

如有如下输出，证明安装成功：
Usage: react-native [options] [command]Options:-V, --versionoutput the version number -h, --helpoutput usage information

 
5. 安装Atom和Nuclide
官网下载Atom，一键安装，然后在install Package中搜索Nuclide插件，并安装。
6. 安装Chrome浏览器，然后在应用商店中搜索 React Developer Tools，安装这个插件
 
7. 安装Watchman 工具，mac下执行
brew update brew install watchman

 
至此，环境配置完毕
 

    推荐阅读


    上一篇：Best Rational Approximation( 法里数列)

    下一篇：react-native Mac下安卓真机调试