本文介紹Windows中搭建React Native的具體操作方法。
軟件需要
注意電腦位數(shù)是32/64位對應(yīng)的軟件可能會不同。
** 1, Nodejs **
nodejs是react-native工具的運(yùn)行基礎(chǔ)。
64位下載鏈接
32位下載鏈接
安裝過程中,選擇默認(rèn)的安裝方法即可,安裝目錄可以自己選擇,選擇C盤或者其他盤。如果node目錄不在系統(tǒng)環(huán)境變量PATH中(目前的nodejs是默認(rèn)設(shè)置好的),需要設(shè)置下,如果node安裝目錄是C:\nodejs,那么如下設(shè)置:
PATH新增路徑;C:\nodejs。
如果安裝并設(shè)置好路徑,可以在終端中輸入node -v查看到nodejs的版本號。** 2, Git **
Git用于代碼管理,與svn類似的工具,同時(shí)在react native中會用git獲取github上的部分依賴。
32位下載鏈接
64位下載鏈接
安裝完成后,需要設(shè)置系統(tǒng)環(huán)境變量。如果Git安裝目錄是C:\Git,那么需要進(jìn)行如下設(shè)置:
PATH新增路徑;C:\Git\bin** 3, JDK **
Jdk是Java運(yùn)行環(huán)境。
32位下載鏈接
64位下載鏈接
安裝后需要設(shè)置下系統(tǒng)環(huán)境變量,如果JDK安裝目錄是C:\Jdk,那么需要如下設(shè)置:
新增環(huán)境變量JAVA_HOME設(shè)置為C:\Jdk
新增環(huán)境變量CLASSPATH設(shè)置為.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
環(huán)境變量PATH新增路徑;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
-
** 4, Android Studio **
用于Android sdk等等的管理,也是Android開發(fā)工具
下載地址,下載的安裝程序包含了Android SDK,過程中會對SDK進(jìn)行解壓,3G大小,請注意盤符空間是否夠。
下載SDK Platforms的資源
安裝后需要設(shè)置系統(tǒng)環(huán)境變量。
如果安裝的路徑是D:\Program Files\Android\sdk,則需要如下設(shè)置:
新增變量ANDROID_HOME為D:\Program Files\Android\sdk
在PATH變量中新增路徑;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;之后可以在終端中使用
adb命令。
adb在終端中是可以使用了

- ** 5, Genymotion **
該工具是安卓虛擬機(jī),它依賴VirtualBox的引擎。
下載地址
安轉(zhuǎn)過程會同時(shí)安裝VirtualBox。

Genymotion需要注冊一個(gè)帳號(注冊入口),之后個(gè)人就可以免費(fèi)使用了,也會提供很多版本的手機(jī)Model供選擇。

- ** 6, 安裝react-native命令工具**
在命令行中安裝react-native-cli,如下:
npm安裝過程
安裝過程可能會比較慢,可以從國內(nèi)的包管理拉取。npm install -g react-native-cli --registry=https://registry.npm.taobao.org
7, 新建項(xiàng)目
見文章
推薦:
RNTools是一個(gè)分享React Native文章、實(shí)例代碼以及第三方模塊的平臺。RNTools官網(wǎng)鏈接 RNTools應(yīng)用下載

