寫在2016.06.29：
0.27版本的環(huán)境已經(jīng)變化了很多，請(qǐng)參考http://reactnative.cn/docs/0.27/getting-started.html#content
本文是基于React Native中文官方文檔，英文好的朋友可以直接看這里。
說(shuō)明
本文主要介紹React Native的Windows環(huán)境搭建，針對(duì)平臺(tái)是Android(因?yàn)楸救耸亲鯝ndroid開發(fā)的~)，iOS的同學(xué)可以直接看官方教程。另外再補(bǔ)充一句，MAC真的非常適合開發(fā)人員使用，環(huán)境配置什么的很easy，也不會(huì)出現(xiàn)莫名其妙的問(wèn)題。
Android環(huán)境配置
需要安裝的幾個(gè)軟件
- Git
請(qǐng)下載并安裝Git for Windows。在安裝過(guò)程中，請(qǐng)務(wù)必記得勾選Run Git from Windows Command Prompt，這樣會(huì)把Git的可執(zhí)行程序加入到PATH環(huán)境變量中，這樣其他程序才能在命令行中正確調(diào)用Git。 - Android SDK
- 安裝最新版的JDK
- 安裝Android SDK: 從Android開發(fā)者官網(wǎng)下載譯注：國(guó)內(nèi)用戶推薦從AndroidDevTools下載。
- 設(shè)置SDK
- 打開Android SDK Manager。
- 選中以下項(xiàng)目：
- Android SDK Build-tools version 23.0.1（這個(gè)必須版本嚴(yán)格匹配23.0.1）
- Android 6.0 (API 23)
- Local Maven repository for Support Libraries(之前叫做Android Support Repository)
-
點(diǎn)擊"Install Packages" (圖片來(lái)自官網(wǎng))SDK Manager窗口SDK Manager 窗口
- Node.js
安裝Node.js 4.0或更高版本（下載好可執(zhí)行文件，默認(rèn)下一步即可~）。
快速開始
命令行執(zhí)行以下命令
npm install -g react-native-cli
初始化一個(gè)新項(xiàng)目
react-native init AwesomeProject
運(yùn)行Android應(yīng)用（真機(jī)部署，模擬器我就不介紹了）
- 命令行切換到剛剛創(chuàng)建的新項(xiàng)目AwesomeProject
cd AwesomeProject
- 編譯安裝apk到手機(jī)
react-native run-android
- Windows環(huán)境需要額外再執(zhí)行一個(gè)命令，啟動(dòng)我們的react-native
react-native start
- 確保你的手機(jī)和電腦處于同一個(gè)局域網(wǎng)
如果出現(xiàn)提示無(wú)法連接等錯(cuò)誤，請(qǐng)點(diǎn)擊Menu->Dev Settings->DEBUGGING->Debug server host & port for device菜單，設(shè)置電腦所在的局域網(wǎng)地址和端口號(hào)，端口號(hào)默認(rèn)是8081。
