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/

一、準備工具IDEA

乾貨，IDEA下載及破解 http://www.javashuo.com/article/p-mwzeyosd-md.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到的應用庫都下載到這裏，而後就有代碼提示了，還能夠看到源文件