[React Native]IDE-WebStorm

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