首页 > 其他分享 >ReactNative(三)——WebStorm的基本配置

ReactNative(三)——WebStorm的基本配置

时间:2022-12-19 13:36:32浏览次数:57  
标签:文件 react 配置 WebStorm js 语法 native ReactNative

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

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

ReactNative(三)——WebStorm的基本配置_语法高亮

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

ReactNative(三)——WebStorm的基本配置_下载安装_02

ReactNative(三)——WebStorm的基本配置_html_03

然后Apply/OK即可。

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

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

ReactNative(三)——WebStorm的基本配置_语法高亮_04

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

ReactNative(三)——WebStorm的基本配置_语法高亮_05

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

ReactNative(三)——WebStorm的基本配置_html_06

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

ReactNative(三)——WebStorm的基本配置_下载安装_07

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

标签:文件,react,配置,WebStorm,js,语法,native,ReactNative
From: https://blog.51cto.com/u_15147537/5951926

相关文章

  • 游戏服务器的配置如何选择
    1.服务器的CPU大型的游戏要接受大量的访问请求,CPU的快速吞吐量、稳定性、长时间运行都有着严格的要求,因而服务器CPU是衡量服务器性能的首要指标。之前提到根据游戏的类......
  • web.xml配置
    <?xmlversion="1.0"encoding="UTF-8"?><web-appxmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://java.sun.com/xml/ns/javaee"xsi:schemaLocatio......
  • 持续集成指南:GitLab 的 CI/CD 工具配置与使用
    前言写代码这项工作,本质就是将工作自动化,减少手工操作提供效率,因为人的本质都是懒狗,程序员也不能例外,为了各种意义的效率提升(懒),我们需要持续集成工具,将代码测试、编译、......
  • spring boot踩坑日记——idea找不到配置文件
    报错:  原因springboot启动时找不到配置文件可以看出配置文件图标显示不对: 解决:标注配置文件......
  • 亲手实现一个springboot默认配置&起步加载
    实现一、默认配置1、创建springboot项目引入spring-boot-dependencies依赖<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-......
  • (转载)配置mysql允许远程连接的方法
    默认情况下,mysql只允许本地登录,如果要开启远程连接,则需要修改/etc/mysql/my.conf文件。一、修改/etc/mysql/my.conf找到bind-address=127.0.0.1这一行改为bind-address......
  • GitLab的安装、配置、使用
    前言上周去参与“中国数字经济创新发展大会”了,然后又忙新项目的事情,博客又有一段时间没有更新,今天周一事情比较少,立刻开始写文,最近有挺多值得记录的东西~进入正文,最近......
  • SAP FICO 获利能力分析COPA配置及应用
    1先上通用的配置1.1特征值1.1.1系统预先定义特征值1.1.2自定义特征值1.1.3维护自定义特征值的内容1.1.4维护系统字段到自定义特征值的映射(派生规则)1.2值字段1.3经......
  • idea配置maven私服无效,无法加载私服仓库
    问题描述:​ 从阿里云配置maven镜像后私服失效解决方案:<mirror><id>aliyunmaven</id><mirrorOf>*</mirrorOf><name>阿里云公共仓库</name><url>https://mave......
  • VLAN over team配置
    创建team网卡nmcliconnectionaddtypeteamcon-namemyteamifnameteam0config'{"runner":{"name":"activebackup"},"link_watch":{"name":"ethtool"}}'禁止......