? ? ? React Native可以快速開發(fā)IOS、Android應用,很多對運行速度不做苛刻要求的公司都會選擇React Native開發(fā)移動產品,但是順應市場需求,最近筆者也是在學習RN。但要比較用戶體驗,個人認為Android比它要流暢一些。
安裝
python 2
進入python官網下載即可(目前只能支持python 2)
附上鏈接:python 2 官網下載鏈接
安裝完成后,需要配置環(huán)境變量,在右擊電腦-屬性-高級系統(tǒng)設置-高級-環(huán)境變量-Path-編輯-添加-安裝路徑(例如:D:\Program Files\python)。
Node
進入Node.js官網下載即可(Node.js v7.1貌似不能在windows下運行,選擇其他版本即可)
附上連接:Node.js中文網下載鏈接
安裝完成后,需要配置環(huán)境變量,在右擊電腦-屬性-高級系統(tǒng)設置-高級-環(huán)境變量-Path-編輯-添加-安裝路徑(例如:D:\Program Files\nodejs)。
Yarn、React Native的命令行工具
Yarn是Facebook提供的替代npm的工具,可以加速node模塊的下載。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化、更新項目、運行打包服務(packager)等任務。
在命令提示符窗口下輸入 ?npminstall -g yarn react-native-cli
Android Studio
在Android Studio內可以下載所需的Android SDK和模擬器
附上鏈接(翻墻):Android官網下載鏈接
在安裝時確定所有安裝選項都勾選了,尤其是Android SDK和Android Device Emulator。
安裝完成后,需要配置環(huán)境變量,在右擊電腦-屬性-高級系統(tǒng)設置-高級-環(huán)境變量-新建-ANDROID_HOME-SDK路徑(例如:E:\sdk)。以及在Path-編輯-添加-sdk安裝路徑\tools(例如:E:\sdk\tools)和及在Path-編輯-添加-sdk安裝路徑\platform-tools(例如:E:\sdk\platform-tools)。
測試
在一個空白目錄下,按住shift+右鍵,打開命令提示符窗口
輸入 react-native init test
等全部加載完成并且不報錯,即可下一步,安卓手機(模擬器)連接電腦,手機打開開發(fā)者模式-USB調試后
輸入 cd test 回車
輸入react-native run-android
一段時間后即可在手機中彈出這個test的項目。沒有紅色的界面即大功告成!
推薦
IDE
筆者嘗試了一些編譯器,最后選擇WebStorm,個人感覺界面比較像Android Studio(同一公司開發(fā)),用起來輕車熟路,而且支持很多第三方插件,運行項目時不用輸入命令行。
附上鏈接:jetbrains官網下載地址
下載完成后 在 “ license server ” 輸入:http://idea.imsxm.com/。即可完成破解
模擬器
推薦之前在Android開發(fā)中的使用的模擬器Genymotion
附上鏈接:genymotion官網下載地址
需要注冊下載,個人使用免費。
進階
任何技術都免不了看開發(fā)文檔
附上鏈接:
最后祝讀者學習愉快!