ReactNative——WebStorm的基本配置

Posted 沧海一滴

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ReactNative——WebStorm的基本配置相关的知识,希望对你有一定的参考价值。

设置.js文件默认以jsx的语法打开

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

这里写图片描述

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

这里写图片描述

这里写图片描述

然后Apply/OK即可。

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

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

这里写图片描述

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

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

至此完毕,最终效果如下:

这里写图片描述

警告和报错都得以解决了。可以安心的写代码了,哈哈!

http://blog.csdn.net/gz_jero/article/details/51503374

 

http://www.cnblogs.com/shaoting/p/6110202.html

 

以上是关于ReactNative——WebStorm的基本配置的主要内容,如果未能解决你的问题,请参考以下文章

Mac下WebStorm直接运行ReactNative项目

ReactNative: ReactNative初始项目的结构

WebStorm:为 React Native 设置模拟器 ID

Vue学习记录-画页面

Webstorm配置运行React Native

windows下webstorm调试react native