Javascript 如何使用样式化组件禁用WebStorm的这种行为 出身背景

Javascript 如何使用样式化组件禁用WebStorm的这种行为 出身背景,javascript,reactjs,webstorm,styled-components,Javascript,Reactjs,Webstorm,Styled Components,我对WebStorm还不熟悉,还经常玩弄它 我刚刚为WebStorm安装了样式化组件插件: 我得到了这个令人困惑的高亮显示,它并没有消失 问题 你熟悉这种行为吗 有解决办法吗 这很正常。如果在字符串外单击,则背景(颜色)应消失。该颜色仅在光标位于字符串内时应用。它只是为您突出显示整个字符串,这样您就知道您正在使用此突出显示所指示的backticks`中声明的字符串。如果你不喜欢它的绿色背景,你可以在设置|编辑器|配色方案|常规,代码>注入语言片段设置,背景中更改颜色。我希望这是真的!这是显

我对WebStorm还不熟悉,还经常玩弄它

我刚刚为WebStorm安装了样式化组件插件: 我得到了这个令人困惑的高亮显示,它并没有消失

问题
  • 你熟悉这种行为吗
  • 有解决办法吗

  • 这很正常。如果在字符串外单击,则背景(颜色)应消失。该颜色仅在光标位于字符串内时应用。它只是为您突出显示整个字符串,这样您就知道您正在使用此突出显示所指示的backticks`

    中声明的字符串。如果你不喜欢它的绿色背景,你可以在设置|编辑器|配色方案|常规,代码>注入语言片段设置,背景中更改颜色。

    我希望这是真的!这是显而易见的行为,但即使光标不在,它仍然是高亮的对不起,我真的认为会是这样。也许IDE的启动会有所帮助。不管怎样-我不知道,抱歉。它起作用了:)你知道为什么编辑器将此代码视为不同的语言(作为语言注入)?我分享给其他人的这个片段有什么不同?我写Javascript/es6/jsx/template literals/等等。。。奇怪的问题。难道你不知道什么是样式化组件吗?这是JavaScript中的CSS代码。。。语言注入需要能够在标记的模板文本中提供CSS属性的完成、验证等。可能我不知道什么是
    样式化组件
    ,并且非常高兴在这里学到一些新东西:)但是当我使用模板文本编写样式化组件时,我编写的是javascript,而不是CSS。无论这行代码在运行时发生什么,我都不需要知道,我想。。。我编写了一个字符串,并用一个es6 synatx将其包装起来,它的行为与React项目中的其他代码没有什么不同,所以为什么我在这里得到了一个不同的IDE行为。如果您不喜欢在javascript中获得CSS属性的完成/语法突出显示,请卸载样式化组件插件-您不需要它。并享受编辑javascript的乐趣:)