因為我是做原生iOS端應用開發的,所以這里貼出的是OS X下React Native的環境配置,供大家參考,下列步驟我都一一驗證過。
本人Mac配置:
機型:MacBook Pro 13.3寸
系統:OS X EI Capitan 10.11.3
編譯器版本:Xcode 7.2
環境配置步驟:
1.Homebrew的安裝
首先建議你先安裝包管理工具Homebrew(簡稱brew),是Mac OSX上的軟件包管理工具,能在Mac中方便的安裝軟件或者卸載軟件,它可以說是Mac下的apt-get等神器。
打開終端,輸入下面的命令即可。
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.安裝Node.js
1.你可以用包管理工具Homebrew來安裝,在終端輸入下面的口令
brew install node
通過Homebrew安裝,會自動安裝好node和npm。
使用下面命令查詢Node在那個目錄下
which node
npm是Node模塊管理器,功能極其強大。
npm -v //查看當前npm版本號
npm install <packagename> //安裝模塊到node_modules
安裝之前,npm install 會先檢查,node_modules目錄之中是否已經存在指定模塊。如果存在,就不再重新安裝了,即使遠程倉庫已經有一個新版本。
如果你希望,一個模塊不管是否安裝過,npm都要強制重新安裝,可以使用 --force參數。
npm install <packagename> --force
如果想更新已安裝的模塊,使用下面的命令
npm update <packagename>
2.通過官網安裝Node.js
https://nodejs.org/en/,選擇左邊多數人選擇的版本
3.安裝watchman(可選)
建議你安裝watchman,它是一個監控文件改動的工具。在命令行輸入下列命令
brew install watchman
4.安裝flow(可選)
如果您希望使用flow來為js代碼加上類型檢查,那么輸入下列命令來安裝flow
brew install flow //檢查JS靜態類型
差不多環境配置的工作就完成了。
項目創建
1.安裝命令行工具
$ npm install -g react-native-cli
2.創建一個空項目
$ react-native init HelloWorld
3.cd到創建NewProject項目的目錄,在iOS目錄中,雙擊.xcodeproj即可在Xcode中打開項目,可以看到它現在同時包含了Android和iOS目錄.
4.command +r 啟動項目,終端和模擬器出現下面的界面是,表示你創建的項目啟動成功了。
備注:由于網絡原因,react-native命令行從npm官方源拖代碼時會出現網絡問題,所以請將npm倉庫替換為國內鏡像
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
注意執行init時切記不要在前面加上sudo,否則新項目的目錄所有者會變為root而不是當前用戶,導致一系列權限問題,請使用chown修復。
小試牛刀
暫且不用管模擬器,在目錄中找到index.ios.js文件,用文本編輯器打開,在<Test>和</Test>之間加上一句話,然后在編譯器command + r,看看效果.
今天先這樣,我會繼續更新學習筆記。