react-native 環境的搭建(包括Android和iOS)

weixin_33861800發表於2016-11-19

先介紹window下搭建Android環境,比較大多數人用的都是Android


先配置java環境變數和sdk的環境變數,Java環境這裡就不介紹了,不知道的額=可以去網上百度一下,教程特別的多,至於sdk環境變數的配置的話,具體就是安裝,Android studio,可以去官網下載,模擬器的安裝,根據自己的喜好,我安裝的是 ‘海馬玩’模擬器。個人感覺不錯

1. 新建一個放置次專案的資料夾,在此資料夾之下開啟 git bash,執行npm(cnpm) install react-native-cli -g (有cnpm的話用cnpm,沒有的話只能用npm,雖然cnpm比較快,但是cnpm把所有的檔案都展開了,顯得資料夾十分的大,靜靜等待他安裝完成,這個依賴還是比較小的)。

2. 之後執行 react-native init "資料夾的名字"  注意:這個名字才是真正的native的名稱。這個過程十分的漫長,和網速有很大的�關係,而且,npm在國內的網速你懂得(估計被牆了)

3. 安裝完上一步之後,先把模擬器開啟,如果是海馬玩模擬器的話,直接搜尋vbox就可 實際路徑依據你實際情況

開啟配置檔案,搜尋guestport="5555" ,找到前面一個英文hostport的值,我這裡是26944,不知道你那是否相同

cmd 或 git bash 下 輸入 adb connect 127.0.0.1:26944

再 react-native run-andriod  就可以打包到模擬器了  事實重新整理也ok了

Mac環境的搭建

前兩步都是一樣的,第三部,因為Mac有自帶的xcode所以根本不需要安裝模擬器(貼心啊,有木有),之後再native的資料夾下找到ios資料夾,裡面有一個以  “xcodeproj”結尾的檔案,用xcode開啟,之後執行,react-native run-ios 就可以執行啦!

相關文章