React Native開發環境搭建——window
阿新 • • 發佈:2019-01-20
適用物件:有過一定Android開發基礎的人員,最起碼知道什麼是SDK及會配置SDK(不會的可以百度下,不作為本文重點)
工具準備
配置SDK——ANDROID_HOME環境變數
設定全域性使用指定映象(阿里雲資料共享平臺)——更快速
安裝react native命令列工具
採用下載github上facebook開源專案提取工具的方式
安裝過程:
在git-cmd命令列中進入到剛才下載的工程的如下目錄下:cd D:\softwares\ReactNativeSoftware\react-native-master\react-native-cli
執行命令:npm install -g react-native-cli
開始建立專案
git-cmd命令列進入到某個工作空間目錄進行建立目錄 使用cd命令
執行:react-native init HelloWorld 等待……
進入工程目錄 執行packager
cd HelloWorld
執行:react-native start
準備模擬器或真機執行Android
進入到HelloWorld專案目錄下執行:
react-native run-android
錯誤解決:
- sdk找不到錯誤——配置ANDROID_HOME環境變數 可在cmd中輸入:echo %ANDROID_HOME%檢視是否配置正確
個人陳述:
1、作為一個從事Android開發的人員來講轉RN相對ios人員容易那麼一點,畢竟xml佈局跟JSX有點類似;另外需要學習js、html語法;
2、開發工具可以選用WebStorm——跟Android studio快捷鍵一致,學習成本低,也可以使用Vistual Studio輕量級,啟動超快。
3、執行調式程式到真機或模擬器時需要先使用命令列啟動Packager(命令:react-native start),接著啟動客戶端命令(react-native run-android)等待即可。