React Native Android开发环境配置
Posted gradyjiang的技术博客
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)
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, --version output the version number -h, --help output usage information
5. 安装Atom和Nuclide
官网下载Atom,一键安装,然后在install Package中搜索Nuclide插件,并安装。
6. 安装Chrome浏览器,然后在应用商店中搜索 React Developer Tools,安装这个插件
7. 安装Watchman 工具,mac下执行
brew update brew install watchman
至此,环境配置完毕
以上是关于React Native Android开发环境配置的主要内容,如果未能解决你的问题,请参考以下文章
react-native —— 在Mac上配置React Native Android开发环境排坑总结
在window的环境下搭建react-native的Android开发环境(转)
转在Windows下搭建React Native Android开发环境