fala-dev
 
vscode-eslint
ESLintIntegrates ESLint JavaScript into VS Code.
Microsoft
gitlens
GitLens — Git superchargedSupercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more
GitKraken
material-icon-theme
Material Icon ThemeMaterial Design Icons for Visual Studio Code
Philipp Kief
remote-ssh
Remote - SSHOpen any folder on a remote machine using SSH and take advantage of VS Code's full feature set.
Microsoft
remote-ssh-edit
Remote - SSH: Editing Configuration FilesEdit SSH configuration files
Microsoft
vsliveshare
Live ShareReal-time collaborative development from the comfort of your favorite tools.
Microsoft
remote-explorer
Remote ExplorerView remote machines for SSH and Tunnels.
Microsoft
code-spell-checker
Code Spell CheckerSpelling checker for source code
Street Side Software
vscode-tailwindcss
Tailwind CSS IntelliSenseIntelligent Tailwind CSS tooling for VS Code
Tailwind Labs
dotenv
DotENVSupport for dotenv file syntax
mikestead
vscode-todo-highlight
TODO Highlighthighlight TODOs, FIXMEs, and any keywords, annotations...
Wayou Liu
vscode-sqlite
SQLiteExplore and query SQLite databases.
alexcvzz
vsliveshare-pack
Live Share Extension PackCollection of extensions that enable real-time collaborative development with VS Live Share.
Microsoft
prisma
PrismaAdds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files.
Prisma
shades-of-purple
Shades of Purple🦄 A professional theme suite with hand-picked & bold shades of purple for your VS Code editor and terminal apps. One of the excellent, most downloaded, and top-rated VSCode Themes on the marketplace. Part of VSCode.pro course.
Ahmad Awais ⚡
better-toml
Better TOMLBetter TOML Language support
bungcip
vscode-styled-components
vscode-styled-componentsSyntax highlighting for styled-components
Styled Components
polacode
Polacode📸 Polaroid for your code
P & P
fluent-icons
Fluent IconsFluent product icons for Visual Studio Code
Miguel Solorio
postcss
PostCSS Language SupportSyntax highlighting for modern and experimental CSS in VSCode
csstools
console-ninja
Console NinjaJavaScript console.log output and runtime errors right next to your code.
Wallaby.js
vscode-css-modules
CSS ModulesVisual Studio Code extension for CSS Modules
clinyong
vscode-deno
DenoA language server client for Deno.
denoland
regex
Regex PreviewerRegex matches previewer for JavaScript, TypeScript, PHP and Haxe in Visual Studio Code.
Christof Marti
theme-omni
Omni ThemeDark theme created by Rocketseat 🚀
Rocketseat
vscode-mdx
MDXLanguage support for MDX
unified
vscode-apollo
Apollo GraphQLRich editor support for GraphQL client and server development that seamlessly integrates with the Apollo platform
Apollo GraphQL
catppuccin-vsc
Catppuccin for VSCode🦌 Soothing pastel theme for VSCode
Catppuccin
symbols
SymbolsA simple file icon theme for VS Code
Miguel Solorio
min-theme
Min ThemeA minimal theme that comes in dark and light.
Miguel Solorio
code-spell-checker-portuguese-brazilian
Brazilian Portuguese - Code Spell CheckerBrazilian Portuguese dictionary extension for VS Code.
Street Side Software
vscode-fix-checksums
Fix VSCode ChecksumsA VSCode extension to adjust checksums after changes to core files
Jürg Lehni
convert-css-in-js
CSS-in-JSCSS-in-JS autocomplete and conversion
paulmolluzzo
vscode-graphql-execution
GraphQL: Inline Operation ExecutionExecute graphql operations from your code (revived!)
GraphQL Foundation
FreeMarker
FreeMarkerSyntax highlight for FreeMarker
Daniel Cortes
rose-pine
Rosé PineAll natural pine, faux fur and a bit of soho vibes for the classy minimalist
Rosé Pine
js-debug-companion
JavaScript Debugger Companion ExtensionCompanion extension to js-debug that provides capability for remote debugging
Microsoft
js-debug
JavaScript DebuggerAn extension for debugging Node.js programs and Chrome.
Microsoft
theme-launchbase
Launchbase ThemeLaunchbase theme for vscode
Mayk Brito
vscode-iterm2-theme-sync
iTerm2 Theme Sync
tusaeff
vscode-js-profile-table
Table Visualizer for JavaScript ProfilesText visualizer for profiles taken from the JavaScript debugger
Microsoft
retypewriter
reTypewriterReply the steps of your changes at ease.
Anthony Fu
convert-css-in-js
CSS-in-JS
v1.1.3
paulmolluzzo
|
251,810
|
(15)
CSS-in-JS autocomplete and conversion

CSS in JS for VS Code

Provides CSS in JS autocompletion and converts kebab-case CSS to camelCase CSS and vice versa

  • Provides autocompletion options for CSS styles as a style object for use in CSS in JS (like glamorous!)
  • Converts CSS between regular CSS syntax (strings) and CSS-in-JS syntax (style objects)

Autocomplete

autocomplete

Convert CSS in JS

demo

How to Use CSS Conversion

Select some block of text in a javascript or typescript file and use cmd+shift+p to bring up the command palette, then select Convert CSS-in-JS.

Or use the keyboard shortcut cmd+shift+j (ctrl+shift+j on Windows).


MIT

© 2017 Paul Molluzzo