1. 程式人生 > >React Native開發環境搭建——window

React Native開發環境搭建——window

適用物件:有過一定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

錯誤解決:

  1. 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)等待即可。

相關推薦

no