[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必将是快速发展的一年。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容