react-native開發工具


 

2種常用選擇:

WebStorm(IDEA)

 

VSCode  

 

 

-------------------------------------------------------------------------------------

IDEA是開發Java項目最好用的開發工具,目前在逐漸代替Eclipse ,當然Android Studio是開發Android應用首選開發工具。

但是我的情況是,負責Java支付項目要用IDEA,解決安卓bug時用Android Studio,開發iOS時又切換Xcode,研究ReactNative或前端項目又是WebStorm

搞那么多IDE干啥呢,占用空間,最終決定統一成IDEA,下面就講講用IDEA來開發企業級RN項目。

官方教程 https://reactnative.cn/docs/getting-started/

1、准備工具IDEA

干貨,IDEA下載及破解 https://www.cnblogs.com/kangjianwei101/p/5621738.html

安裝常用插件

ADB WIFI 局域網連接安卓手機遠程調試  

Android Support idea用來支持安卓開發,安裝它相當於下載了Android Studio

Gradle Android包依賴管理(默認自帶)

Android SDK配置

vi ~/.bash_profile 配置環境變量,source ~/.bash_profile 使之立即生效

XMake 對Objective-C/Swift的支持

React Native Console idea對RN開發支持工具

React Native Console針對Android需要特殊配置,否則運行安卓會出現以下錯誤(如果用命令行操作不影響:react-native run-ios/react-native run-android

第一步,點擊Click Here to Edit,彈出對話框,輸入應用根目錄

第二步,metro bundle是分包工具

react native原生打出來的包都只有一個jsbundle(除了rambundle),里面包含了所有你寫代碼和react native代碼和你依賴的第三方庫代碼(當然還有polyfill),如果是純rn代碼這倒沒什么差別,但一般大廠都是原生應用內接入react native頁面,而且一個應用內有許多不同業務,很可能是不同部門開發的,這樣一個應用內就有許許多多jsbundle,如果不分包,那就有許許多多的重復的react native代碼和第三方庫,所以一般做法都是將重復的react native代碼和第三方庫打包成一個基礎包,然后各個業務在基礎包的js環境下運行,這樣做可以減少內存開銷且熱更新的時候只需要下載幾十KB的業務包。

第三步,在android項目目錄中新建local.properties來指定ANDROID_HOME

鏈接adb,在控制台任意目錄都能訪問adb 

sudo ln -s ~/Library/Android/sdk/platform-tools-adb /usr/bin/adb

先啟動模擬器,adb命令才可以使用 adb devices -l

 

React相關插件

 

webstorm代碼提示:

import到的應用庫都下載到這里,然后就有代碼提示了,還可以看到源文件

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM