一、安裝node
https://www.cnblogs.com/51ma/p/11276413.html
安裝好以后,請設置一下node的鏡像下載地址,改為國內的地址。這個地址為淘寶提供的鏡像,速度比較快。
直接在cmd命令里面鍵入這兩條命令即可。
npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global
二、安裝python
https://www.cnblogs.com/51ma/p/9447748.html
安裝Yarn、React Native命令行工具(react-native-cli)
**Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模塊的下載。
**React Native 的命令行工具用於執行創建、初始化、更新項目、運行打包服務(packager)等任務。
安裝完python,直接打開cmd命令,鍵入以下安裝代碼即可
npm install -g yarn react-native-cli
安裝完 yarn 后同理也要設置鏡像源:
yarn config set registry https://registry.npm.taobao.org --global yarn config set disturl https://npm.taobao.org/dist --global
安裝完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方庫名代替npm install 某第三方庫名。
三、安裝jdk
略
四、安裝androidstudio
略
五、創建第一個RN項目
創建項目目錄,cmd進入,鍵入以下指令創建
react-native init FirstProject
其中FirstProject為項目名稱,自行修改即可,等待幾分鍾出現
下載完成后,就可以看到你的目錄下面出現一個目錄了,這個就是下載好以后的react nactive項目,如果是android項目需要關注android這個目錄文件夾了。
A、使用AndroidStudio創建一個新的項目,並拷貝其local.properties文件至如上android對應根目錄
B、打開模擬器或連上真機
C、啟動服務器
react-native start
等一段時間,用瀏覽器訪問http://localhost:8081/index.android.bundle?platform=android可以訪問,即啟動完成,啟動之后不能關閉;
D、這時還是cmd到我們項目根目錄運行項目,輸入:
react-native run-android
此時發現運行成功。
注意:react-native run-android只是運行應用的方式之一。你也可以在 Android Studio 或是Nuclide中直接運行應用。
如果apk沒有啟動成功,說明adb環境變量沒有配置好,請參考:https://www.cnblogs.com/51ma/p/11320684.html
建議在run-android成功后再嘗試使用 Android Studio 啟動。請不要輕易點擊 Android Studio 中可能彈出的建議更新項目中某依賴項的建議,否則可能導致無法運行。
掃碼加群,共同探討,共同進步!