This extension is available at the Visual Studio Marketplace.
Syntax highlighting and IntelliSense for TLO.styled.
Uses a CSS grammar built on top of language-sass and language-css.
Inside VSCode, press
It should be the top result.
This is a co-updating fork of vscode-styled-components. Any contribution, except when dealing directly with template literal objects, must be made there. See their contributions policy.
There's no syntax highlighting?
Syntax Highlighting is specifically made to work with
Secondly make sure your file is set to the right language. It should be
Emmet tab completion isn't working
Be sure to include
Emmet is auto completing HTML tags instead of CSS
This is an upstream issue in VSCode unfortunately. The root cause is here: https://github.com/microsoft/vscode/issues/119736 which itself was raised from https://github.com/microsoft/vscode/issues/51537. There was an issue raised in this repo but there's nothing that can be done on our end.
I get "unknown property: X" on a property I know is valid
Property look up comes from the css language service which in turn comes from MDN Data. If its a custom property, or something that is not in MDN you can add your own property like so: https://github.com/microsoft/typescript-styled-plugin/issues/58#issuecomment-444733368
If however you believe this property is standard and thus missing you can raise this issue with either one of the above projects; please check for any raised issue first.