為React-native選一款得心應手的編譯器

相信很多童鞋在配置好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代碼了??。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容