[React Native]IDE-WebStorm

677 查看

本文的前提是你已经配置好了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必将是快速发展的一年。