本文的前提是你已經配置好了React Native的環境,還不熟悉的朋友請先移步這里。
正所謂“工欲善其事,必先利其器”,我們正式開始React Native之旅之前必定要先選擇好我們的IDE
目前大概有四種IDE可供選擇,分別是以下幾個
- Sublime
具體介紹,請移步官方地址 - VSCode
全稱Visual Studio Code,是一個輕量級的Web集成開發環境on Linux,Mac and Windows!本身就是一個文本編輯器,非常輕量級,搭配各種插件的話,就可以重現Visual Studio的強大功能。不過作為JAVA程序員,很少用過微軟的開發工具,所以我就不介紹了。 - Nuclide
Fackbook專門為React開發IDE,它是基于Atom的開源IDE,官方項目地址https://github.com/facebook/nuclide。
按道理說官方出品的必定是精品,悲劇的是不支持Windows平臺~,官方截圖如下
QQ截圖20160415110819.png
- WebStorm
這里重點介紹下WebStorm,WebStorm制作公司是jetbrains,可能看到這個公司名稱大家不太熟悉,但如果說到它旗下的產品 IntelliJ IDEA相信很多人立馬就知道了,這也是我作為一個Android程序員外加Windows黨為何選擇WebStorm的原因了。
有一點WebStorm是收費的,你可以免費試用30天(土豪請無視),不過相信強大的網絡搜索會帶給你更多可能
WebStorm安裝及配置
1.下載并安裝,點擊下載地址,安裝步驟全部選擇默認即可
2.Open上篇文章[React Native]官方DEMO,我們還是以UIExplorer為例,打開UIExplorerApp.android.js,我們會發現貌似有很多錯誤
QQ截圖20160415112328.png
這是由于WebStorm默認選擇的JavaScript語法,而我們的React Native是基于React的,React使用的是一個被稱作JSX的語法,可以使用HTML 語法去寫 JavaScript 函數調用,更多介紹請移步React
3.選擇File->Settings->Languages&Frameworks->JavaScript
JavaScript language version選擇JSX Harmony,等待加載之后錯誤提示就沒了
QQ截圖20160415113329.png
最近看到蘇州有些公司已經在采用React Native了,很是興奮。阿里、攜程的部分業務也在使用React Native,看來2016必將是快速發展的一年。