相信很多童鞋在配置好RN的各種環(huán)境,并且成功運(yùn)行起來RN應(yīng)用之后的第一個棘手問題就是用什么編譯器來開發(fā)RN?(我剛開始也是這種懵逼狀態(tài)??)
在我懵逼兩分鐘之后便開始瘋狂的在網(wǎng)上翻找各種方案,大家也是各種建議,其中試過Sublime、WebStorm,后來經(jīng)對比本人還是覺得webstorm更加好用一些,后來才發(fā)現(xiàn)官網(wǎng)也有推薦的編譯器——Atom,于是又嘗試了Atom發(fā)現(xiàn)雖然是官網(wǎng)推薦,但還是不好用。(也看個人習(xí)慣)
那么下來我就著重說說webstorm的安裝以及使用。
==============分==========割===============線=============
如果安裝Webstorm正版的話、那就很簡單啦,直接上官網(wǎng)付費(fèi)下載即可。如果你要安裝破解版的話,那么就更簡單了。直接點(diǎn)擊這里去下載安裝就好,整套過程一氣呵成,無需多想(??)!
接下來說說使用。由于ReactNative是基于React的,而React使用的是JSX語法,因此,使用WebStorm開發(fā)RN之前,我們首先需要設(shè)置支持的JavaScript語法,點(diǎn)擊WebStorm-Preferences,在打開的對話框中選擇色JavaScript language version 為JSX Harmony即可,在代碼編輯器中識別JSX,如下圖所示:

到這一步,只能使得編輯器識別JSX語法的Javascript代碼,不會導(dǎo)致代碼標(biāo)紅,但對于Reactnative的API名稱、組件名稱等并不會只能提醒和自動補(bǔ)全。那么這個問題可以使用開源的插件來解決(ReactNative-LiveTemplate)。
插件的安裝直接參考GitHub上的說明操作即可。
使用如下圖所示:

至此,你便可以開心愉悅的編寫RN代碼了??。