天天看點

WebStorm與ReactNative在window下android的配置

入坑到ReactNative,百度安裝一大堆文章。記錄自己配置過程。

推薦使用:WebStorm  理由:界面和AndroidStudio相似。

在   ReactNative官網    下載下傳配置環境,在此不做記錄。

JDK版本需要1.8以上

推薦安裝git,為了友善使用ReactNative的指令,比如檢視ReactNative的安裝路徑: witch react-native.

配置androidSdk的環境變量:

建立ANDROID_HOME   本地的SDK路徑

path裡面添加:%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

安裝WebStorm3.3。

破解方法:點此跳轉!

使用WebStorm建立ReactNative項目:   右側會自動定位目前的環境配置。

WebStorm與ReactNative在window下android的配置
WebStorm與ReactNative在window下android的配置
WebStorm與ReactNative在window下android的配置

WebStorm3.3支援ReactNative,不需要去配置nmp運作項目。之前弄nmp配置坑死。。。。。。。

建立項目的過程會下載下傳很多東西,耐心等待。。。。。。。

在此處

WebStorm與ReactNative在window下android的配置

   可以運作和debug程式

WebStorm與ReactNative在window下android的配置
WebStorm與ReactNative在window下android的配置

如果沒android選項,選中Edit Configurations

WebStorm與ReactNative在window下android的配置

左上角的+号去添加ReactNative就可以了,設定不需要修改,預設即可

WebStorm與ReactNative在window下android的配置
WebStorm與ReactNative在window下android的配置
WebStorm與ReactNative在window下android的配置

安裝React 、ReactNative、ReactNative.jar,智能提示代碼。

到此結束配置。