Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>css-2-rnNew to Visual Studio Code? Get it now.
css-2-rn

css-2-rn

yubobo

|
40 installs
| (0) | Free
css style convert to rn style
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Css2Rn-功能说明

支持将 css 样式代码转换成 rn 样式代码:

  • 'font-family' 转换成 'fontFamily'
  • 'font-size: 16px' 转换成 'fontSize: 16'
  • 'font-weight: 400' 转换成 'fontWeight: 400'、
转换之前
font-family: SansDesign;
font-size: 16px;
color: rgba(0,0,0,0.60);
text-align: left;
line-height: 21px;
font-weight: 400;
转换之后
{"fontFamily":"SansDesign","fontSize":16,"color":"rgba(0,0,0,0.60)","textAlign":"left","lineHeight":21,"fontWeight":"400"}

快捷键

  • ctrl + alt + c => css 样式转 RN 样式
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft