styled-components 語法高亮

Visual Studio Code

語法高亮

用模板文字編寫CSS時(shí)，您曾經(jīng)失去的一件事是語法突出顯示。我們正在努力使所有編輯器中的語法都突出顯示。當(dāng)前，我們支持Atom，Visual Studio Code，WebStorm和Sublime Text。

正確突出顯示時(shí)的外觀如下：

Atom

@gandm，language-babel創(chuàng)建者，在Atom中 增加了樣式化的組件 ！

要正確突出顯示語法，您只需安裝并使用 language-babel 打包您的JavaScript文件

Sublime Text

由@garetmckinley的 PR 已合并為babel-sublime尚未發(fā)布到包控制。但是，可以直接從 GitHub 安裝。

另一個(gè)選項(xiàng)是 Alexandre Borela

Visual Studio Code

如果要保持當(dāng)前 JavaScript 語法突出顯示，可以使用vscode 樣式的組件擴(kuò)展名在 Javascript 文件中提供樣式組件語法突出顯示。您可以照常從應(yīng)用商店安裝它。

VIM / NeoVim

另外，如果您正在尋找一個(gè)很棒的javascript語法包，那么YAJS.vim絕對(duì)不會(huì)出錯(cuò)。

WebStorm，IntelliJ IDEA，PhpStorm，PyCharm和RubyMine

為模板字符串中的CSS屬性和值添加代碼完成和突出顯示

且它還為插值中的JavaScript符號(hào)提供代碼完成和導(dǎo)航。您可以從IDE安裝它：Preferences | Plugins 并搜索 樣式化的組件。

其他編輯器

我們可以使用您的幫助獲得語法突出顯示對(duì)其他編輯器的支持！所有這些語法突出顯示都是由樣式組件社區(qū)構(gòu)建的，因此如果您想要開始為編輯器處理語法突出顯示，我們很想看到它。