必備安裝軟件
一同诫、Homebrew
Homebrew, Mac系統(tǒng)的包管理器,用于安裝NodeJS和一些其他必需的工具軟件樟澜。
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
注:在Max OS X 10.11(El Capitan)版本中误窖,homebrew在安裝軟件時可能會碰到/usr/local目錄不可寫的權(quán)限問題≈确。可以使用下面的命令修復:
sudo chown -R `whoami` /usr/local
二霹俺、安裝npm 和 Node
使用Homebrew來安裝Node.js,或者可以下載pkg安裝包進行安裝Node.js毒费。Node安裝成功后npm自動也就有了丙唧。
brew install node
安裝完Node后建議設(shè)置npm鏡像以加速后面的過程
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
三、安裝WatchMan
Watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具觅玻。安裝此工具可以提高開發(fā)時的性能(packager可以快速捕捉文件的變化從而實現(xiàn)實時刷新)想际。
注:此工具官方雖然是推薦安裝,但在實踐中溪厘,我們認為此工具是必須安裝胡本,否則可能無法正常開發(fā)。
brew install watchman
三畸悬、安裝Flow
Flow是一個靜態(tài)的JS類型檢查工具侧甫。
注:你在很多示例中看到的奇奇怪怪的冒號問號,以及方法參數(shù)中像類型一樣的寫法蹋宦,都是屬于這個flow工具的語法披粟。這一語法并不屬于ES標準,只是Facebook自家的代碼規(guī)范冷冗。所以新手可以直接跳過(即不需要安裝這一工具守屉,也不建議去費力學習flow相關(guān)語法)。
brew install flow
配置React Native的開發(fā)環(huán)境
一贾惦、安裝React Native
sudo npm install -g react-native-cli
二胸梆、創(chuàng)建React Native的應用
react-native init MyAppName
注:最后幾行中描述了如何運行對應環(huán)境的方法敦捧。
擴展:
管理React Native庫的版本
在開發(fā)中,會經(jīng)常的去控制React Native的版本庫碰镜,得以適配各種條件下的開發(fā)兢卵,那該如何查看、控制ReactNative的版本呢绪颖?
1秽荤、查看本地的React Native的版本
react-native --version
2、更新本地的React Native的版本
sudo npm update -g react-native-cli
3柠横、查詢react-native的npm包最新版本
npm的全稱是Node Package Manager 窃款,是一個NodeJS包管理和分發(fā)工具,已經(jīng)成為了非官方的發(fā)布Node模塊(包)的標準牍氛。
npm包地址 :https://www.npmjs.com/package/react-native
命令行查詢
sudo npm info react-native
項目中查看
4晨继、升級或者降級npm包的版本
sudo npm install --save react-native@0.18
5、更新項目templates文件
新的npm包會包含更新在運行react-native init命令生成的一些動態(tài)文件搬俊,例如init創(chuàng)建項目的時候會生成iOS和Android的子項目紊扬,我們可以通過以下的命令進行獲取最新的代碼
react-native upgrade
6、WebStom設(shè)置React Native代碼提示
6.1 從gitHub上下載xml插件
https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
6.2 安裝
將ReactNative.xml復制到 ~/Library/Preferences/WebStorm10/templates 唉擂,然后重啟 WebStrom餐屎。