ReactNative之創(chuàng)建工程(2)

1.使用快捷鍵win+r, 輸入cmd, 打開命令行

2.在命令輸入d:, 回車, 進入d盤

注: 因為考慮到權限的問題, 建議在除C盤以外的其他盤創(chuàng)建工程

3.使用命令創(chuàng)建工程

命令: react-native init 工程名

回車后, 當看到下面這個頁面就說明, 工程創(chuàng)建成功

4.因為是windows電腦, 只能運行android工程, 所以打開Android Studio

選擇剛才通過命令行生成的工程

可能提示你更新Gradle, 建議更新

5.啟動夜神模擬器

7.通過命令行進入, 生成的ReactNative工程目錄

使用命令react-native start, 啟動react-native的服務

當你看到以下界面, 就說明服務啟動成功

8.在Android Studio中點擊運行

選擇夜神模擬器(夜神模擬器顯示的是三星品牌手機)

可能會提示sdk版本不匹配, 就是你Android Studio中的sdk版本和夜神模擬器的sdk不匹配, 這個可以忽略, 選擇Proceed without Instant Run

這時候模擬器上會顯示以下頁面, 是因為模擬沒有連接react-native啟動的服務器

點擊夜神模擬器右上角, 晃動模擬器

顯示配置菜單, 并選擇Dev Settings

選擇如下圖所示的菜單

輸入當前電腦的iP地址, 并加上端口號, 設置模擬器連接react-native服務器

最后一步, 晃動手機

大功告成, 顯示頁面

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容