用webstorm写react native JSX代码,取消标签默认灰色背景的方法

webstorm的确是款神器。当我们用webstorm开发react native项目,在js文件中写JSX语法时,编辑器中对应的组件标签会有默认的灰色背景,看着别扭,取消方法如下:

1、选择webstorm菜单栏中的 File->Settings 

2、在setting窗口中依次选择 Editor->Color Scheme->XML

3、在右边选择 Tag,依次取消 Inherit values from…Background 前面的对勾就行了。

PS:react native中的JSX本质上是xml语法而非html语法,所以你在JavaScript或html的样式配置中是找不到这个背景色的。

本操作方法一样适用于phpstorm

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
使用npm安装electron失败的可行解决方案
使用npm安装electron失败的可行解决方案
2
偶然发现了一个谷歌浏览器的bug
偶然发现了一个谷歌浏览器的bug
3
产品提了一个很牛逼的需求
产品提了一个很牛逼的需求
4
win7/8/10系统打不开chm手册文件的解决方法
win7/8/10系统打不开chm手册文件的解决方法
5
说实话,长这么大,最佩服的就是这仨程序员了!
说实话,长这么大,最佩服的就是这仨程序员了!
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主