As react develoers, we find ourselves in a split world for styling. World of CSS syntax and JS style object syntax. More different projects you work on, the more pain it becomes. Especially if you need to change between the syntax often. This VSCode extension is here to rescue ⛑️.
Go to the link below and click
Select the block you would like to convert, trigger the palette with
Convert CSS block to inline styles obj
Convert inline styles obj to CSS block
Known Issues - IMPORTANT!
This extension is still in development. It will work correctly only under certain conditions described in the features.
Feel free to open issues or PRs!
In order to start working all you need to do is: