jsx2css-convert-tool README

VSCode插件地址

• 实现jsx行内样式与css样式互转

功能展示

仍有不足

发现无法转换的案例如下(以后再想办法支持吧):

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
    boxShadow: '5px 5px 15px rgb(74, 73, 77)',
    backgroundColor: 'rgb(74, 73, 77)',

但凡是多个属性值的,带多个逗号和引号的,目前处理起来有点难度,就先放着好了,毕竟也解决了一部分了

Release Notes

0.0.1

• 实现了jsx行内样式与css的部分转换工作,提高了一丢丢搬砖的效率~

1.0.1

• 优化代码
• 更新兼容性,支持^1.20.0

1.0.2

• 更新logo

使用方式

• 使用方法,先选中需要转换的样式,然后使用快捷键ctrl/cmd + shift + t 或者右键菜单点jsx <=> css

For more information

• JSX行内样式与CSS样式互转工具 - CoderWGB - 博客园

• jsx2css-convert-tool-vscode-extension

Enjoy!