相信很多童鞋在配置好RN的各種環境,并且成功運行起來RN應用之后的第一個棘手問題就是用什么編譯器來開發RN?(我剛開始也是這種懵逼狀態??)
在我懵逼兩分鐘之后便開始瘋狂的在網上翻找各種方案,大家也是各種建議,其中試過Sublime、WebStorm,后來經對比本人還是覺得webstorm更加好用一些,后來才發現官網也有推薦的編譯器——Atom,于是又嘗試了Atom發現雖然是官網推薦,但還是不好用。(也看個人習慣)
那么下來我就著重說說webstorm的安裝以及使用。
==============分==========割===============線=============
如果安裝Webstorm正版的話、那就很簡單啦,直接上官網付費下載即可。如果你要安裝破解版的話,那么就更簡單了。直接點擊這里去下載安裝就好,整套過程一氣呵成,無需多想(??)!
接下來說說使用。由于ReactNative是基于React的,而React使用的是JSX語法,因此,使用WebStorm開發RN之前,我們首先需要設置支持的JavaScript語法,點擊WebStorm-Preferences,在打開的對話框中選擇色JavaScript language version 為JSX Harmony即可,在代碼編輯器中識別JSX,如下圖所示:
到這一步,只能使得編輯器識別JSX語法的Javascript代碼,不會導致代碼標紅,但對于Reactnative的API名稱、組件名稱等并不會只能提醒和自動補全。那么這個問題可以使用開源的插件來解決(ReactNative-LiveTemplate)。
插件的安裝直接參考GitHub上的說明操作即可。
使用如下圖所示:
至此,你便可以開心愉悅的編寫RN代碼了??。