一、為什么我們要學(xué)習(xí)RN開發(fā)久橙?
現(xiàn)實來說俄占,如果你會RN管怠,還會原生開發(fā),工作會更加好找缸榄,待遇也會更加高渤弛。
可參考:關(guān)于為什么學(xué)習(xí)React Native三點(diǎn)原因
二、學(xué)習(xí)RN甚带,我們需要準(zhǔn)備什么她肯?
1.個人技能
如果你要通吃移動端的話:你要必須掌握js腳本語言、java鹰贵,至少了解OC/Swift晴氨,同時也應(yīng)該會Android或IOS原生開發(fā),用于RN對原生控件的封裝碉输。
2.工具與環(huán)境(以Android的RN開發(fā)為例子)
一籽前、Node.js(自帶npm)
Node下載地址:根據(jù)自己電腦配置對應(yīng)下載note版本
下載安裝完成后,運(yùn)行cmd敷钾,輸入 node -v 可以查看當(dāng)前安裝的node.js的版本
輸入 npm -v 可以查看當(dāng)前npm的版本安裝成功后聚假,輸入node回車后,便可以輸入js語法進(jìn)行簡單的計算了
node.js安裝完成后闰非,已經(jīng)說明node.exe已經(jīng)加入到了path環(huán)境變量中
安裝完成后建議設(shè)置npm鏡像以加速后面的過程(或使用科學(xué)上網(wǎng)工具)膘格,如下命令:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist-
也可使用nrm切換NPM鏡像加速
二、React Native Command Line Tools
- 進(jìn)行本操作的前提是node.js安裝成功财松,安裝RN命令行工具直接使用node install命令瘪贱,如下:
npm install -g react-native-cli
三、Android Studio安裝和環(huán)境配置
1. 安裝AndroidStudio
2. 配置環(huán)境變量(JDK)
下載和安裝JDK:JDK官方下載地址
-
安裝完成后配置環(huán)境變了辆毡,右鍵偶的電腦——屬性——高級系統(tǒng)設(shè)置——環(huán)境變量
-
找到path變量——編輯——變量值:JDK安裝目錄(默認(rèn)在C:\Program Files\Java\jdk1.8.0_40\bin)菜秦,如果變量值已有其他值,請用";"分隔
-
接下來配置CLASSPATH舶掖,
新建變量:CLASSPATH
變量值:.;C:\Program Files\Java\jdk1.8.0_40\lib\tools.jar;C:\Program Files\Java\jdk1.8.0_40\lib\dt.jar(如果你的jdk不是jdk1.8.0_40版本的球昨,請修改) -
接下來配置JAVA_HOME(缺了這一步Android studio會顯示找不到j(luò)dk安裝目錄)
新建變量:JAVA_HOME
變量值:JDK安裝目錄 jdk安裝且環(huán)境配置完成,可在cmd中檢查是否安裝成功眨攘,命令:java -version
三主慰、如何去學(xué)習(xí)RN開發(fā)?
- 1.React Native中文網(wǎng):http://reactnative.cn/docs/0.45/getting-started.html
- 2.React Native官方文檔(英文):http://facebook.github.io/react-native/docs/getting-started.html
- 3.廖雪峰的官方網(wǎng)站:在這里鲫售,你不僅僅會是學(xué)到Node
- 4.從RN項目源碼中學(xué)習(xí):這里有大量RN開源項目共螺,可以隨時隨地下載學(xué)習(xí)