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開發環境配置