【React Native開發】React Native開發IDE安裝及配置

來源:互聯網
上載者:User

標籤:

轉載請標明出處:

http://blog.csdn.net/developer_jiangqq/article/details/50476350

本文出自:【江清清的部落格】


(一)前言       

         上一講我們已經對於在OS X系統上面對於React Native For Android的環境搭建以及第一個執行個體做了詳細講解。所謂工欲善其事,必先利其器,做React Native開發也和其他應用開發一樣,最好有一個比較好的IDE工具。那麼這邊比較推薦以下幾款工具:sublime,webstorm以及官網推薦的Nuclide。下面我們主要講解一下後面兩款工具。

         剛建立的React Native技術交流群(282693535),歡迎各位大牛,React Native技術愛好者加入交流!同時部落格左側歡迎掃描關注訂閱號,移動技術乾貨,精彩文章技術推送!

(二)Nuclide常規安裝以及配置       

         Nuclide是Fackbook專門為React開發IDE,官網提供哦~。但是Nuclide是Atom的基礎上面提供了一系列的外掛程式集合。所以我們需要首先安裝Atom。

         Nuclide項目官方地址:https://github.com/facebook/nuclide

  2.1.Atom安裝

        Atom是一個開源版本的編輯器,有著非常強大以及完美的體驗,Atom最大的特色就是可以安裝很多的外掛程式來完成我們的需求。官網地址:https://atom.io/  去官網下載安裝即可。 

官網頁面以及軟體運行如下:



      2.2.Nuclide安裝

            Atom已經安裝成功了,下面就開始安裝Nuclide,直接開啟Atom軟體,點擊Atom->Preferences開啟Setting,然後點擊install,輸入nuclide-installer 搜尋,進行下載即可,如 :


這種方式我們是選擇外掛程式下載進行安裝,另外的一種方式我們可以直接在命令列執行以下命令(利用Atom的包管理器apm安裝):

apminstall nuclide-installer

         最後重啟一下Atom即可。不過這兩種方式我這邊都不太推薦大家使用,因為樓主親身體驗過,這兩種方式一方面是安裝速度比較慢,而且下載安裝完之後Atom直接會卡,然後提示找不到Nuclide相關模組。           

(三)Nuclide原始碼編譯安裝(強烈推薦)

          Nuclide項目官方地址:https://github.com/facebook/nuclide,我們知道該項目是facebook官方提供的,當然我們也給開發人員提供了一種原始碼編譯安裝的方式。使用起來非常簡單:


 終端安裝如下:


這樣就OK了,下面就是開啟Atom軟體,開始進行狂寫React Native項目代碼吧。至於項目初始化init以及編譯啟動並執行方法,大家還是看前一篇文章哦~這邊就不多說了。

(四)WebStorm IDE介紹和安裝

         我相信做過Web前端的童鞋們,肯定對WebStorm IDE非常的熟悉WebStorm 是jetbrains公司旗下一款JavaScript開發工具。被廣大中國JS開發人員譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。該IDE官網地址:https://www.jetbrains.com/webstorm/  。該新版本已經支援了React了,所以在現如今的開發階段WebStrom已經算是支援性最好的IDE了,大家有興趣可以下載使用以下哦~,不過該是收費的,土豪忽略,至於破解版本看大家的了。

           新版本更新資訊如下:


[注]:WebStorm對於JSX最好配置一下哦,開啟Settings,作如下配置即可:


      最後通過WebStorm開啟我們一個已經存在的React Native項目。


(五)最後總結

         今天主要講解了開發React Native的相關IDE(WebStorm, Nuclide)的安裝和基礎配置使用,下一篇我們對於應用的調試(Debug)方法做相關詳解,敬請期待~

         

尊重原創,轉載請註明:From Sky丶清(http://blog.csdn.net/developer_jiangqq) 侵權必究!

關注我的訂閱號(codedev123),每天分享移動開發技術(Android/IOS),專案管理以及部落格文章!(歡迎關注,第一時間推送精彩文章)

關注我的微博,可以獲得更多精彩內容

 

【React Native開發】React Native開發IDE安裝及配置

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.