一、為什么我們要學習RN開發?
現實來說,如果你會RN,還會原生開發,工作會更加好找,待遇也會更加高。
可參考:關于為什么學習React Native三點原因
二、學習RN,我們需要準備什么?
1.個人技能
如果你要通吃移動端的話:你要必須掌握js腳本語言、java,至少了解OC/Swift,同時也應該會Android或IOS原生開發,用于RN對原生控件的封裝。
2.工具與環境(以Android的RN開發為例子)
一、Node.js(自帶npm)
Node下載地址:根據自己電腦配置對應下載note版本
下載安裝完成后,運行cmd,輸入 node -v 可以查看當前安裝的node.js的版本
輸入 npm -v 可以查看當前npm的版本安裝成功后,輸入node回車后,便可以輸入js語法進行簡單的計算了
node.js安裝完成后,已經說明node.exe已經加入到了path環境變量中
安裝完成后建議設置npm鏡像以加速后面的過程(或使用科學上網工具),如下命令:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist-
也可使用nrm切換NPM鏡像加速
查看node版本.png
二、React Native Command Line Tools
- 進行本操作的前提是node.js安裝成功,安裝RN命令行工具直接使用node install命令,如下:
npm install -g react-native-cli
三、Android Studio安裝和環境配置
1. 安裝AndroidStudio
2. 配置環境變量(JDK)
下載和安裝JDK:JDK官方下載地址
-
安裝完成后配置環境變了,右鍵偶的電腦——屬性——高級系統設置——環境變量
圖片.png -
找到path變量——編輯——變量值:JDK安裝目錄(默認在C:\Program Files\Java\jdk1.8.0_40\bin),如果變量值已有其他值,請用";"分隔
圖片.png -
接下來配置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版本的,請修改)圖片.png -
接下來配置JAVA_HOME(缺了這一步Android studio會顯示找不到jdk安裝目錄)
新建變量:JAVA_HOME
變量值:JDK安裝目錄圖片.png jdk安裝且環境配置完成,可在cmd中檢查是否安裝成功,命令:java -version
三、如何去學習RN開發?
- 1.React Native中文網:http://reactnative.cn/docs/0.45/getting-started.html
- 2.React Native官方文檔(英文):http://facebook.github.io/react-native/docs/getting-started.html
- 3.廖雪峰的官方網站:在這里,你不僅僅會是學到Node
- 4.從RN項目源碼中學習:這里有大量RN開源項目,可以隨時隨地下載學習