React-Native的中文官網(wǎng):https://reactnative.cn
一、準(zhǔn)備工作
React-Native必須安裝的依賴有:Node、Npm、React Native 命令行工具、Python2 以及 JDK 和 Andriod Studio。
(注意:Node 的版本必須高于 8.3,Python 的版本必須為 2.x(不支持 3.x),而 JDK 的版本必須是 1.8(目前不支持 1.9 及更高版本)
1.安裝Node.js。
(1)第一步,到node.js的官網(wǎng)下載node.js到自己的電腦上。
(注意:根據(jù)自己的操作系統(tǒng)和位數(shù)選擇下載。)
(2)第二步,下載完成后雙擊.msi文件進(jìn)行,安裝過程比較簡單,一直next就可以,這里就不再驁述。
(3)第三步,安裝成功后,windows+R在彈窗中輸入cmd,輸入命令行:node -v。如果出現(xiàn)node.js的版本號,如圖就證明成功了。

2.由于新版本的node.js已經(jīng)集成了npm,所以這里就不再驁述整個過程了。可以直接輸入npm -v測試是否成功,如圖:

3.安裝Python2.x。
由于React-Native官方對Python版本安裝有要求,所以安裝之前要去React-Native官網(wǎng)看看具體的版本要求,我這里就講講Python2.7.13的安裝方法,其他版本也都差不多。
(1)第一步,到Python官網(wǎng)下載合適的版本,注意選擇操作系統(tǒng)和位數(shù),我這里是window7? 64bit,安裝的是Python2.7.13版本的。
點擊Python2.7.13,出現(xiàn)如下的頁面,選擇畫紅線的下載到自己的電腦。

(2)第二步,找到下載好的msi文件,如圖,雙擊安裝即可,這個步驟比較簡單,這里不再驁述,安裝完點擊finish就行了。
(注意:把Python的安裝路徑記下來,后面要用到)

(3)第三步,環(huán)境變量的設(shè)置。
首先點擊計算機右鍵屬性-----高級系統(tǒng)設(shè)置----環(huán)境變量,如圖畫紅線的部分:

點擊環(huán)境變量----找到path,點擊編輯,如圖紅色部分:

修改Path的變量值,找到剛才安裝Python的文件夾(上面有讓記下來的),把路徑復(fù)制下來,我這里是C:\Python27,把C:\Python27添加到變量值里面,需要注意的是,如果變量值里面原來有值的,需要先添加一個英文的分號;,再把路徑復(fù)制進(jìn)去,即 ;C:\Python27。如圖:

(4)第四步,運行Python。
windows+R彈出窗口輸入cmd進(jìn)去windows命令行,輸入python,出現(xiàn)如下的版本號,證明安裝成功。
(注意:如果你之前就打開了命令的話,需要關(guān)閉再輸入python,不然會出錯)。

4.安裝JDK。
(1)第一步,到jdk的官網(wǎng)下載jdk對應(yīng)的版本到自己的電腦。
(注意:React-Native對jdk的版本有要求,下載之前最好到官網(wǎng)上看看,我這里要求的是jdk1.8,所以就以jdk1.8為例。還要選擇好自己的操作系統(tǒng)和位數(shù)。)
(2)第二步,安裝jdk。
選擇安裝目錄,安裝過程中會出現(xiàn)兩次安裝提示 。第一次是安裝 jdk ,第二次是安裝 jre 。建議兩個都安裝在同一個java文件夾中的不同文件夾中。如圖:
(安裝的過程中注意選擇好目錄)

(3)第三步,配置環(huán)境。
計算機右鍵----屬性---高級系統(tǒng)配置----環(huán)境變量,如圖:

打開環(huán)境變量,新建 JAVA_HOME 變量 ,變量值為jdk安裝的地址,本人是默認(rèn)的安裝地址:C:\Program Files\Java\jdk1.8.0_181,新建完點擊“確定”即可,如圖:

找到環(huán)境變量path,點擊“編輯”,在變量值最后輸入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
(注意原來Path的變量值末尾有沒有;號,如果沒有,先輸入;號再輸入上面的代碼),如圖:

新建 CLASSPATH 變量,變量值為:?.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar(注意最前面有一點),如圖:

檢驗jdk安裝是否成功的方法:windows+R打開輸入cmd,輸入命令行:java -version (java 和 -version 之間有空格),如圖出現(xiàn)版本號證明安裝成功:

5.安裝React-Native命令行工具。
windows+R打開輸入cmd,輸入命令行:?npm install? react-native-cli? -g
6.安卓環(huán)境和andriod studio的安裝,我就不多說了,React-Native官方有詳細(xì)的教程說明,按照里面搭建基本就可以了,比較麻煩的就是安卓的下載都是國外的,網(wǎng)速是個問題,大家都懂的,翻墻吧!
以上就是React? Native入門安裝教程,希望可以幫助到剛?cè)肟覴eact Native的小伙伴,有問題可以留下來,我們一起填坑[奸笑][奸笑][奸笑]