React Native Android開發環境配置

標籤：environ   參考   package   --help   book   lan   format   作業系統   java   

近些年，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

　 Google或百度搜尋Android Studio（對應自己的作業系統）最新版本，一鍵安裝。

　 安裝成功後，配置好SDK位置，設定好環境變數，參考：https://www.cnblogs.com/xdp-gacl/p/4329469.html?utm_source=tuicool

 

3. 安裝Node.js;

　　參考：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 updatebrew install watchman

 

至此，環境配置完畢

 

React Native Android開發環境配置