react native初始化項目


打開命令行窗口,進入我們想要創建項目的父目錄,輸入命令:

npm install -g yarn react-native-cli 

react-native init 項目名

進入新建的項目目錄,執行升級命令:

cd 項目名

react-native upgrade

提示:對於Windows,如果初始化項目出錯,則可以嘗試刪除“系統安裝盤符:\Users\用戶名\.node-gyp”目錄,然后在執行初始化命令;如果還有錯,則可以嘗試刪除“系統安裝盤符:\Users\用戶名\AppData\Roaming\npm-cache”目錄,這個目錄是加速緩存目錄,刪了不會引起任何錯誤,然后再重新嘗試。

使用Android手機進行調試

在命令行窗口輸入:"adb devices"命令,如果手機打開了調試模式,則會看到類似於如下的內容:

List of devices attached

xxxx  device

如果手機是android5.0或者以上操作系統,那么在命令行輸入"adb reverse tcp:8081 tcp:8081"執行這條命令,若手機連接正常,則不會有任何顯示。這條命令通過adb反向代理端口,將調試電腦的8081端口反向代理到測試機上。

若是5.0以下版本,則不需要執行上面的命令,現在需要保證手機與電腦使用同一個無線網絡,在命令行窗口輸入ipconfig,查看為電腦分配的網絡地址並記下來。

在安裝目錄輸入“react-native run-android”,這個命令會編譯剛初始化的項目,並且將編譯好的安裝包安裝到手機或者模擬器中,時間可能會長。

再輸入react-native start命令,啟動電腦上的服務環境。

如果手機系統是5.0以下,需要按menu鍵或者搖動手機,會在屏幕上彈出菜單,選擇“Dev Settings”,在選擇最下面一項“Debug server host&port for device”,在彈出的輸入框中輸入剛才記下的開發電腦的網絡地址加上調試端口號。例如:“192.168.0.100:8081”,點確定,再點擊“Reload JavaScript”;而對於5.0以上的系統,不需要這個操作,但應在准備調試前,運行“adb reverse tcp:8081 tcp:8081”

“react-native run-android”命令旨在售價沒有安裝項目時運行,然后就不需要在運行這個命令了,而是直接在手機界面上打開項目。

“react-native start”這個命令在每次調試時都需要運行,並且在調試中一直保持運行。

 

轉自http://www.cnblogs.com/chhom/p/6039579.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM