Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>TypeScript Styled Plugin ConfigNew to Visual Studio Code? Get it now.
TypeScript Styled Plugin Config

TypeScript Styled Plugin Config

JVDL

| (0) | Free
Configure @styled/typescript-styled-plugin from VS Code settings instead of tsconfig.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

TypeScript Styled Plugin Config

This plugin was intended as a complement to the vscode-styled-components extension.

It sends settings to @styled/typescript-styled-plugin (bundled with vscode-styled-components) through the TypeScript extension's configurePlugin API, so you do not need a plugins entry in tsconfig and can keep your configuration local.

Options mirror the plugin README. lint.unknownAtRules is extra: the plugin passes lint straight to vscode-css-languageservice, which supports it.

Only settings you set explicitly are sent. Unset options use the plugin's defaults. The sent config replaces any tsconfig plugin config.

Contributing

If you'd like to raise an issue or pull request, feel free to do so, though if you raise a PR, I'd appreciate either an issue or a detailed description.

Build

npx --yes @vscode/vsce package --allow-missing-repository
code --install-extension vscode-styled-plugin-config-0.1.0.vsix

Open the settings with the command Styled Plugin Config: Open Settings.

Example (settings.json)

"tsStyledPluginConfig.lint.validProperties": ["container-name", "container-type"],
"tsStyledPluginConfig.lint.unknownAtRules": "ignore"
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft