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;

　　參考：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

 

至此，環境配置完畢