Add instructions for VS Code support

Fixes emotion-js#3069
tchajed · Jul 3, 2023 · 59ea2c8 · 59ea2c8
1 parent f3b268f
commit 59ea2c8
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/docs/install.mdx b/docs/install.mdx
@@ -112,6 +112,10 @@ If you are using Babel's env option emotion must also be first for each environm
 }
 ```
 
+## VS Code support
+
+You can install the [styled-components](https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components) VS Code extension to get full IDE support for embedded CSS (e.g., within `` styled.div` ... ` `` or `` css` ... ` ``). Emotion's syntax is compatible with this extension even though it was created for the styled-components library. This will both enable syntax highlighting and autocomplete for embedded CSS.
+
 ## Vanilla
 
 If you're not using React, you can use vanilla Emotion from the `@emotion/css` package. Most of the documentation here focuses on the React-specific version of Emotion, but most of the concepts in the React-specific version also apply to vanilla Emotion.