本文的搭建過程只針對 Mac 系統下,其他系統的搭建請參考以下鏈接:
http://reactnative.cn/docs/0.43/getting-started.html
注:本文亦是參考上面的鏈接的總結概括.權作記錄.
1.打開終端
2.安裝 Homebrew,Homebrew是Mac系統的包管理器,用于安裝NodeJS和一些其他必需的工具軟件。
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
注:在Max OS X 10.11(El Capitan)版本中,homebrew在安裝軟件時可能會碰到/usr/local目錄不可寫的權限問題。可以使用下面的命令修復:
sudo chown -R `whoami` /usr/local
3.使用Homebrew來安裝Node.js.
brew install node
4.安裝完 NodeJS后在終端內輸入下面兩條語句:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
5.安裝 Yarn,Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載
npm install -g yarn react-native-cli
6.安裝Yarn后在終端內輸入下面兩條語句:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
若遇到權限問題,則輸入下面的語句:
sudo chown -R `whoami` /usr/local
7.安裝 Watchman,Watchman是由Facebook提供的監視文件系統變更的工具。安裝此工具可以提高開發時的性能(packager可以快速捕捉文件的變化從而實現實時刷新)。
brew install watchman
8.至此安裝完畢,測試下吧:
react-native init 你的項目名稱
cd 你的項目名稱
react-native run-ios
9.推薦使用WebStorm或Sublime Text來編寫React Native應用。