React Native 的安裝方法以及推薦IDE

? ? ? 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ā)文檔

附上鏈接:

react native官網

react native中文網

最后祝讀者學習愉快!

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容