DevCalc

在 VS Code 中实现 px 与 vw/rem/rpx/% 之间的相互转换。

特性

• 支持智能感知并自动完成转换。
• 支持转换选中或聚焦的值或所在行中的所有值。
• 支持忽略较小的值。
• 支持 vw/rem/rpx/% 到 px 的行注释和悬停信息提示。
• 支持快速更新屏幕宽度或根元素字号。
• 支持设置常用屏幕宽度并可在其中快速切换。
• 支持修改状态栏外观。

用法

• 按下 Alt + Z 进行转换。
• 按下 Alt + Q 或点击状态栏图标以更新屏幕宽度或根元素字号。
• 键入 px 会自动完成 vw/rem/rpx/% 的转换结果。
• 悬停 vw/rem/rpx/% 显示转换信息。
• 选中或聚焦带有 vw/rem/rpx/% 的行显示 px 注释。

DevCalc

Convert between px and vw/rem/rpx/% in VS Code.

Features

• Supports intelliSense and autocomplete conversion.
• Supports converting selected or focused value(s) or all values in the line(s).
• Supports ignoring smaller values.
• Supports vw/rem/rpx/% to px line annotations and hover message prompt.
• Supports quick update of screen width or root font size.
• Supports setting general screen widths.
• Supports modifying status bar appearance.

Usage

• Press Alt + Z to convert.
• Press Alt + Q or click status bar icon to update screen width or root font size.
• Type px to autocomplete the vw/rem/rpx/% conversion.
• Hover vw/rem/rpx/% to display the conversion message.
• Select or focus the line(s) with vw/rem/rpx/% to display px annotations.

Enjoy!