2種常用選擇:
WebStorm(IDEA)

-------------------------------------------------------------------------------------
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到的應用庫都下載到這里,然后就有代碼提示了,還可以看到源文件