育知同创-中国HTML5培训、Java培训高品质教育品牌

加入收藏 关于我们 咨询电话:010-82583705
北京
其他分校: 北京校区 深圳校区

▶ 您现在的位置:首页 > 行业动态 > [技术文章]React Native研发代码编辑工具之WebStorm配置

[技术文章]React Native研发代码编辑工具之WebStorm配置

时间:2016-09-29 16:33:19  来源:育知同创  作者:育知

  • 1.WebStorm下载安装

    WebStorm下载官网地址:https://www.jetbrains.com/webstorm/download/

    从下图中的第4步中我们可以看出官网的WebStorm只有30天的免费,换句话说需要花钱购买(PS:如果有条件的情况下,我建议大家购买,支持WebStorm的开发者)。
     
    1.jpg
     
    如果大家实在不想购买的,春哥给大家分享一个链接和密码,打开链接,输入密码根据提示下载安装即可。
    链接: https://pan.baidu.com/s/1pLTdBz9 密码: bevv
     
    2、WebStorm配置
    (1)Libraries安装
     
    WebStorm安装好了以后,需要针对React Native开发做相应的配置。
    首先双击打开WebStorm,接下来通过WebStorm随便打开一个文件或者是文件夹(PS:这一步很重要,如果你不打开一个文件或者文件夹,在下面Libraries安装时找不到Libraries这个选项)
     
    2.jpg
     
    接下来点击上图中WebStorm按钮,然后点击Preferences
     
    3.jpg
     
    点击Preferences进入到设置界面,如下图所示:
     
    4.jpg
    5.jpg
    6.jpg
     
    (2)JSX语法设置
    第一步选中JavaScript,第二部,选择JSX Harmony,这一步配置是因为我们在React 和React Native开发中都是使用JSX语法开发,这个地方如果不做配置的话,在我们编辑代码时,可能会报错。
     
    7.jpg
     
    (3)字体和皮肤设置
    按照下面的步骤操作就行,当然你也可以根据你的习惯或者爱好进行配置。
     
    8.jpg
     
     
    3、往期回顾
    (1)提升Mac开发效率工具集推荐
    (2)一步步搭建React Native开发环境(上篇)
    (3)如何将React Native应用运行在Android和iOS上(下篇)
     
    4、联系我们
    (1)技术交流QQ群?
    ObjC:343640780      Swift:172090834    ReactNative:555705178
    (2)”YZMobileTalks团队”Github地址?
    https://github.com/YZMobileTalks
    (3)”YZMobileTalks团队”新浪微博?
    http://weibo.com/mobiledevelopment
     
    5、关注Mars公众号get新技能
    10.jpg




上一篇:逾八成用户看好HTML5开发,已成大势所趋

下一篇:[技术文章]React Native Material Design


开班信息

Copyright 2016 北京育知同创科技有限公司 京ICP备16004053号