React Native入門筆記(基礎(chǔ)環(huán)境的搭建)

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的小伙伴,有問題可以留下來,我們一起填坑[奸笑][奸笑][奸笑]

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容