為React-native選一款得心應(yīng)手的編譯器

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容