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到的应用库都下载到这里，而后就有代码提示了，还能够看到源文件