Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>px2remvwNew to Visual Studio Code? Get it now.
px2remvw

px2remvw

天峰子

|
2,880 installs
| (1) | Free
把px转成rem 或vw,并且能显示rem、vw对应的px值
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

https://img.shields.io/badge/vscode-1.30.0-brightgreen.svg https://img.shields.io/badge/typescript-passing-blue.svg

px2remvw

把px转成rem 或vw,并且能显示rem、vw对应的px值

演示图

演示图

安装

  1. 通过命令行安装

    ext install px2remvw
    
  2. 直接在 vscode 编辑上插件上查找安装 px2remvw

  3. 下载 vsix

    打开vscode,拓展,点击三个小点,“从VSIX安装”,即可。成功后重启软件。

配置

默认设计稿宽度为:750

  • config.fixedDigits 保留几位小数
  • config.baseWidth 设计稿宽度
  • config.cursor 指针样式
  • config.vwColor vw的字体颜色
  • config.remColor rem的字体颜色
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft