前言
對于React Native這個跨平臺移動應(yīng)用開發(fā)框架早有耳聞笼吟,一直想抽出時間去學(xué)習(xí)砚殿,但無奈身患懶癌晚期,一直遲遲沒有投入時間和精力先朦。
最近在找工作面試,發(fā)現(xiàn)很多公司已將RN作為iOS人員的必要條件犬缨,面過的幾家大公司也基本上都是RN+H5+原生進行開發(fā)喳魏,純粹原生App應(yīng)用將越來越少。所以學(xué)習(xí)RN顯得尤為的重要怀薛,想不如做刺彩,于是就開始了我的RN之旅。
一枝恋、安裝Homebrew
Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn’t include with OS X创倔。
Homebrew是一個包管理器,用于在Mac上安裝一些OS X沒有的UNIX工具(比如著名的wget)焚碌,Homebrew將這些工具統(tǒng)統(tǒng)安裝到了 /usr/local/Cellar 目錄中畦攘,并在 /usr/local/bin 中創(chuàng)建符號鏈接。
命令行輸入:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
哎呀十电,報錯了知押!
打開Xcode后繼續(xù)......
出現(xiàn)successful說明安裝成功
可以輸入brew doctor用來檢測沖突
因為我是新安裝的系統(tǒng)和xcode,檢測時提醒我安裝xcode tool
二.安裝Node.js
React Native 需要 NodeJS 4.0或更高版本鹃骂,Homebrew的Node默認包是6.0版本的台盯,所以直接安裝:
brew install node
出現(xiàn)installing node說明安裝成功
三、安裝React Native 命令行工具npm
npm是一個包管理工具畏线,它是用來管理node的爷恳,可以通過命令行工具輕松創(chuàng)建和初始化工程。
npm install-greact-native-cli
如果出現(xiàn)錯誤 :EACCES: permission denied,使用命令:
sudo npm install -g React-native-cli
react-native命令行從npm官方源拖代碼時會遇上麻煩象踊。需要將npm倉庫源替換成淘寶的:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
四温亲、安裝其他插件安裝
Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載杯矩。React Native的命令行工具用于執(zhí)行創(chuàng)建栈虚、初始化、更新項目史隆、運行打包服務(wù)
npm install -g yarn react-native-cli
Whtchman是Facebook開發(fā)的一個檢測文件系統(tǒng)變化的工具魂务,在RN開發(fā)中可以檢測js文件等是否有變化,從而達到保存及編譯的效果。這個在windows中也有粘姜,個人覺得可裝也可以不裝鬓照,直接手機上reload也是可以的。
brew install watchman
Flow是靜態(tài)類型檢查工具
brew install flow
webpack是一個模塊打包器孤紧。它的主要目標是將 JavaScript 文件打包在一起
brew install webpack
五豺裆、js開發(fā)工具的安裝
WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。網(wǎng)上有破解版可以下載号显,但是有能力的還是希望支持正版臭猜,畢竟都是開發(fā)者。(我使用的是這個)
Nuclide是由Facebook提供的基于atom的集成開發(fā)環(huán)境押蚤,可用于編寫蔑歌、運行和調(diào)試React Native應(yīng)用。