用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
vue报错[Vue warn]: Unknown custom element: <mycom1> - did you register the component correctly? For recursive components, make sure to provide the "name" option.的解决方法
vue报错[Vue warn]: Unknown custom element: <mycom1> - did you register the component correctly? For recursive components, make sure to provide the "name" option.的解决方法
2
photoshop cc制作“花字”的方法
photoshop cc制作“花字”的方法
3
再谈Windows快速删除海量文件方法 - Mass Direct
再谈Windows快速删除海量文件方法 - Mass Direct
4
windows下快速删除大量文件的方法
windows下快速删除大量文件的方法
5
博客出现访问异常,已修复。
博客出现访问异常,已修复。
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主