React Native的WebStorm基本设置

jsx语法设置

在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示:

当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧:

然后Apply/OK即可。

设置.js文件中支持react-native语法高亮

首先会发现在js文件中有不少的警告,类似这样:

这个警告的原因是因为编辑器不知道所引用的这些东西是在哪(不知道源在哪),所以需要告诉编辑器所写的东西是在哪个源里面:

在下图的download manager里面找到react和react-native下载安装,然后返回到上图的窗口,按照上图第五部分勾选刚才下载的两个library即可。

到此,错误信息就没有了,我们可以安心的写代码了:

npm基本配置

你们我们想直接在IDE中直接运行项目,就像Android或者ios可以直接点击图形化界面运行,可以吗?这就需要设置一下npm。

或者我们直接项目上右键打开项目的设置环境

选择我们要运行的设备

   说明:

   Name为该按钮的名字     Program为react Native的路径,终端命令:which react-native  一般都是   /usr/local/bin/react-native     Parameters填 run-ios     working directory该输入框中,先点击右边的insert macro,选择ProjectFileDir.

然后我们发现项目右上角多了一个可以run的图标(其实是之前我们配置的npm命令)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏james大数据架构

Android应用底部导航栏(选项卡)实例

现在很多android的应用都采用底部导航栏的功能,这样可以使得用户在使用过程中随意切换不同的页面,现在我采用TabHost组件来自定义一个底部的导航栏的功能。...

372100
来自专栏菩提树下的杨过

温故而知新:设计模式之适配器模式(Adapter)

借用terrylee的原话: Adapter模式主要应用于“希望复用一些现存的类,但是接口又与复用环境要求不一致的情况”,在遗留代码复用、类库迁移等方面非常有用...

23850
来自专栏james大数据架构

Eclipse与Android源码中ProGuard工具的使用

由于工作需要,这两天和同事在研究android下面的ProGuard工具的使用,通过查看android官网对该工具的介绍以及网络上其它相关资料,再加上自己的亲手...

33790
来自专栏james大数据架构

使用代码为textview设置drawableLeft

xml中的textView中设置android:drawableLeft: <TextView          android:id="@+id/bookTi...

24080
来自专栏james大数据架构

CompoundButton.OnCheckedChangeListener与RadioGroup.OnCheckedChangeListener冲突

当RadioGroup与CompoundButton同时存在且都要监听事件时CompoundButton.OnCheckedChangeListener与Rad...

20370
来自专栏james大数据架构

Android中Application的应用

当android程序启动时系统会创建一个 application对象,用来存储系统的一些信息。通常我们是不需要指定一个Application的,这时系统会自动帮...

21060
来自专栏james大数据架构

android防止内存溢出浅析

Android的虚拟机是基于寄存器的Dalvik,它的最大堆大小一般是16M。但是Android采用的是Java语言编写,所以在很大程度上,Android的内存...

21150
来自专栏james大数据架构

仿优酷Android客户端图片左右滑动(自动滑动)

最终效果: ? 页面布局main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns...

24370
来自专栏james大数据架构

Android置底一个View后运行报错

大致问题是 放一个LinearLayout ID @+id/layout ,然后在它上面放一个button 设置android:layout_above="@i...

21370
来自专栏james大数据架构

SwitchButton 开关按钮 的多种实现方式

刚开始接触开关样式的按钮是在IOS系统上面,它的切换以及滑动十分帅气,深入人心。 所谓的开关按钮,就是只有2个状态:on和off,下图就是系统IOS 7上开关按...

40570

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励