styled-components 语法高亮

Visual Studio Code

语法高亮

用模板文字编写CSS时，您曾经失去的一件事是语法突出显示。我们正在努力使所有编辑器中的语法都突出显示。当前，我们支持Atom，Visual Studio Code，WebStorm和Sublime Text。

正确突出显示时的外观如下：

Atom

@gandm，language-babel创建者，在Atom中 增加了样式化的组件 ！

要正确突出显示语法，您只需安装并使用 language-babel 打包您的JavaScript文件

Sublime Text

由@garetmckinley的 PR 已合并为babel-sublime尚未发布到包控制。但是，可以直接从 GitHub 安装。

另一个选项是 Alexandre Borela

Visual Studio Code

如果要保持当前 JavaScript 语法突出显示，可以使用vscode 样式的组件扩展名在 Javascript 文件中提供样式组件语法突出显示。您可以照常从应用商店安装它。

VIM / NeoVim

另外，如果您正在寻找一个很棒的javascript语法包，那么YAJS.vim绝对不会出错。

WebStorm，IntelliJ IDEA，PhpStorm，PyCharm和RubyMine

为模板字符串中的CSS属性和值添加代码完成和突出显示

且它还为插值中的JavaScript符号提供代码完成和导航。您可以从IDE安装它：Preferences | Plugins 并搜索 样式化的组件。

其他编辑器

我们可以使用您的帮助获得语法突出显示对其他编辑器的支持！所有这些语法突出显示都是由样式组件社区构建的，因此如果您想要开始为编辑器处理语法突出显示，我们很想看到它。