1. 程式人生 > >React Native Android開發環境配置

React Native Android開發環境配置

環境變量 all hotspot book environ mod 安裝atom 出現 facebook

近些年,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開發環境配置