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 就可以執行啦!
相關文章
- 在Mac搭建react-native iOS開發環境MacReactiOS開發環境
- react-native環境搭建React
- React-Native環境搭建(windows)ReactWindows
- 關於react-native搭建開發環境 (android)React開發環境Android
- react-native 環境搭建(1/4)React
- Mac 中 Ios 與 Android 的 react-native 測試環境配置MaciOSAndroidReact
- Android 真機搭建 React-Native 環境踩坑記錄AndroidReact
- iOS逆向環境搭建iOS
- ReactNativeiOS環境搭建ReactiOS
- Android直播環境搭建Android
- android測試環境搭建Android
- Android開發環境搭建Android開發環境
- 搭建Android開發環境Android開發環境
- android 開發環境搭建Android開發環境
- Android編譯環境搭建Android編譯
- Android的開發環境搭建教程Android開發環境
- Android systrace環境的搭建和使用Android
- 搭建Flutter-iOS開發環境FlutteriOS開發環境
- Windows 下搭建ios 開發環境WindowsiOS開發環境
- ionic開發環境搭建之ios開發環境iOS
- nginx下搭建nagios監控環境NginxiOS
- Windows環境下的Nginx環境搭建WindowsNginx
- 搭建Maven和Nexus環境Maven
- Android環境搭建學習筆記Android筆記
- mac下搭建android 開發環境MacAndroid開發環境
- Windows+Android+Cordova+ionic環境搭建WindowsAndroid
- React Native Android環境搭建(Mac)React NativeAndroidMac
- 生產環境搭建高可用Harbor(包括恢復演練實操)
- 【轉】NO.1、 appium之ios環境搭建APPiOS
- 環境搭建
- Laravel 環境的搭建Laravel
- Java的環境搭建Java
- vue的環境搭建Vue
- Eclipse下搭建Android的NDK開發環境EclipseAndroid開發環境
- 如何用eclipse搭建Android的開發環境EclipseAndroid開發環境
- Android開發之旅:環境搭建及HelloWorldAndroid
- mac os 下搭建android開發環境MacAndroid開發環境
- [整]Android SlidingMenu Demo 環境搭建Android