剛過完年棕诵,來北京后工作一直都很忙,也沒時(shí)間學(xué)習(xí)凿将,今天晚上有點(diǎn)時(shí)間就捯飭了一下React-Native的環(huán)境搭建校套,我覺得有必要跟大家分享一下。
(1)安裝node.js:https://nodejs.org/download/
(2)建議安裝watchman牧抵,終端命令:brew install watchman
(3)安裝flow:brew install flow
ok笛匙,按照以上步驟,你應(yīng)該已經(jīng)配置好了環(huán)境犀变。
現(xiàn)在我們需要?jiǎng)?chuàng)建一個(gè)React-Native的項(xiàng)目妹孙,因此可以按照下面的步驟:
打開終端,開始React-Native開發(fā)的旅程吧获枝。
(1)安裝命令行工具:sudo npm install -g react-native-cli
(2)創(chuàng)建一個(gè)空項(xiàng)目:react-native init HelloWorld
(3)找到創(chuàng)建的HelloWorld項(xiàng)目,雙擊HelloWorld.xcodeproj即可在xcode中打開項(xiàng)目蠢正。xcodeproj是xcode的項(xiàng)目文件。
(4)在xcode中省店,使用快捷鍵cmd + R即可啟動(dòng)項(xiàng)目嚣崭。基本的Xcode功能可以熟悉懦傍,比如模擬器的選擇等雹舀。
啟動(dòng)完成后,你會(huì)看到React-Packger和iOS模擬器粗俱,具體的效果如下说榆,說明你創(chuàng)建項(xiàng)目成功了。
![屏幕快照 2016-02-18 下午10.50.46.png](http://upload-images.jianshu.io/upload_images/1313458-094bc3eb5ff7fbd6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
如果有錯(cuò)誤寸认,不用著急签财,我在安裝的時(shí)候watchman安裝出錯(cuò)了,我就卸載了watchman偏塞,重裝一下就可以了荠卷。
微博賬號(hào):梅嘉慶(點(diǎn)擊關(guān)注)