1. 程式人生 > >react-native 開發環境搭建

react-native 開發環境搭建

post 註意 令行 圖片 技術 usb bubuko http androi

首先安裝jdk。本教程基於jdk1.8,安裝時有一點要特別註意:jdk和jre必須裝到不同目錄下,否則初始化react-native項目時大概率報tools.jar not found exception。

具體流程:先安裝jdk到默認目錄,第二次彈出選擇路徑對話框的時候先到jdk目錄下刪除jre文件夾,再安裝jre到不同目錄。

技術分享圖片

最後確認jdk和jre的環境變量配置:

技術分享圖片

完成後cnpm安裝react-native-cli和yarn。

安裝完畢後在項目目錄下按住shift右鍵,選擇打開命令行,運行

react-native init YourProjectName

完成後cd到YourProjectName目錄下,連接手機並打開usb調試模式,命令行運行

react-native run-android

手機上出現react-native的helloworld程序則表示環境搭建完成。

react-native 開發環境搭建