React Native Android开发环境配置

近些年,Web前端甚是火爆,火爆程度堪比我毕业时的移动端开发通常。随着JavaScript的火爆,移动端也不安分了起来,ReactNative就异军突起了,几乎要作到“一次学习,四处开发”了,而我更是要拥抱时代的变化,开始本身的ReactNative的学习了。html

 

那首先咱们就是要开始配置环境:前端

须要安装的工具备:java

1. Android Studionode

2. SDKreact

3. JDKnpm

4. node.jsreact-native

5. react native浏览器

6. atom编辑器及其Facebook提供的插件Nuclide编辑器

7. Chrome浏览器及其Facebook提供的插件React Developer Toolside


 


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;

  参考:http://www.javashuo.com/article/p-ajhvuxyy-hw.html

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

 

至此,环境配置完毕

相关文章
相关标签/搜索