1:android stduio ?+SDK ?+JDK(as 的配置就不多說了)
2:下載node.js ?推薦最新版(至少也是4.1以上)
3:配置環境變量 ? ?ANDROID_HOME ? ?指向SDK目錄(as中localproperties文件中有),加入Path
4:打開命令窗口,執行npm install -g react-native-cli ? ? 引入插件庫
5:進入你想要新建工程的目錄,在此處打開命令窗口,執行react-native init RNTest
6:進入工程根目錄(即android、ios等幾個文件夾共存的文件夾。),在此處打開命令窗口,執行npm start
7:第6完成之后,打開另外一個命令窗口(6中的命令窗口不要關),執行react-nativerun-android
PS:步驟7中,請確保至少有一臺真機或者是模擬器處于調試狀態中,另外,是6已經完成,服務器開啟之后。
8:程序已經運行在模擬器上,說明初步的環境搭建已經成功,可以使用as+ws進行程序開發。
9:as打開項目根目錄下的android文件夾。
10:下載最新版的webstorm,即webstorm11。
11:ws打開項目根目錄
12:
如上圖所示,這是已經配置好的情況,再第一次打開時,紅框內是空的,需要點擊進行編輯。
在彈框中,先點擊+號,然后選擇npm。
右側配置如上。
記得webstorm一定要是11, ? ? ? ? ? ? ?10是沒有npm這個選項的。
以上內容填寫完成之后,點擊OK,ws的配置便已經完成。
這時候就可以用ws對項目進行運行,不必要打開命令窗口,點擊run,確保服務運行好,然后運行as中的項目,就能讓該項目的android版運行在模擬器上了。
這里有一個坑,as引起的,會經常修改了js文件,ws重新編譯運行了服務,as也重新編譯運行,但顯示在模擬器上的內容卻沒有變化,這時候需要將模擬器上的應用卸載,重新安裝。
推薦用mac進行開發。