用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
WordPress程序自动生成xml网站地图-Google XML Sitemaps插件的使用
WordPress程序自动生成xml网站地图-Google XML Sitemaps插件的使用
2
Hello
Hello
3
“npm warn Unknown project config "electron_mirror". This will stop working in the next major version of npm”的解决方案
“npm warn Unknown project config "electron_mirror". This will stop working in the next major version of npm”的解决方案
4
2008年做的灰鸽子,今天整理东西翻出来的
2008年做的灰鸽子,今天整理东西翻出来的
5
微信小程序《隐私政策》范文参考
微信小程序《隐私政策》范文参考
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主