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

先介紹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 就可以運行啦!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容