1.安裝Homebrew
Homebrew是Mac系統(tǒng)的包管理器, 用于安裝NodeJS和一些其他必須的工具軟件.使用下面命令來進(jìn)行安裝:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew /install/master /install)"
在Max OS X 10.11(El Capitan)版本中,homebrew在安裝軟件時(shí)可能會(huì)碰到/usr/local目錄不可寫的權(quán)限問題病游◇宰颍可以使用下面的命令修復(fù):
2.安裝Node.js
使用Homebrew來安裝Node, 默認(rèn)安裝最新版.
brew install node
3.安裝命令行工具
React Native的命令行工具用于執(zhí)行創(chuàng)建捉蚤、初始化媳危、更新項(xiàng)目歪玲、運(yùn)行打包服務(wù)(packager)等任務(wù)呐舔。
npm install -g react-native-cli
4.安裝推薦工具
Watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具淑趾。安裝此工具可以提高開發(fā)時(shí)的性能(packager可以快速捕捉文件的變化從而實(shí)現(xiàn)實(shí)時(shí)刷新)。
brew install watchman
Flow是一個(gè)靜態(tài)的JS類型檢查工具攒霹。
brew install flow
5.安裝開發(fā)工具
facebook官方推薦的IDE工具是nuclide.Nuclide是由Facebook提供的基于atom的集成開發(fā)環(huán)境怯疤,可用于編寫、運(yùn)行和調(diào)試React Native應(yīng)用催束。
同時(shí)也可以使用WebStorm或Sublime Text來編寫React Native應(yīng)用集峦。
6.構(gòu)建第一個(gè)項(xiàng)目
構(gòu)建第一個(gè)React Native應(yīng)用, 萬年不變的HelloWorld.
初始化項(xiàng)目:
react-native init HelloWorld
等待項(xiàng)目構(gòu)建完成后, 進(jìn)入項(xiàng)目路徑:
cd HelloWorld
運(yùn)行程序:
react-native run-ios
或react-native run-android
模擬器啟動(dòng)后, 如下界面:
恭喜你, React Native開發(fā)環(huán)境搭建成功 !