DevCalc

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

特性

• 智能转换：实时感知并转换 px 值。
• 单位换算：在 px 与 vw/rem/rpx 间灵活转换。
• 断点映射：支持映射媒体查询与基准值，自动适配单位转换。
• 转换范围：支持选择只转换选中的值，或是所在行的所有值。
• 小数保留：自定义保留小数的最大位数。
• 精度控制：自动忽略微小值（-n ≤ px ≤ n）。
• 注释辅助：转换后保留原始 px 值注释。
• 悬停提示：鼠标悬停显示转换公式。
• 快捷调整：快速调整屏幕宽度和根元素字号大小。
• 预设管理：保存常用值，快速切换。
• 栏目定制：自定义状态栏项的图标和位置。

用法

• 键入 px 值，自动完成单位转换。
• 按下 Alt + Z 执行单位转换。
• 按下 Alt + Q 以更新屏幕宽度或根元素字号大小。
• 点击状态栏项打开扩展设置。

语言模式

默认配置已涵盖以下语言模式，可根据需求添加或删除对应的语言标识符。

Features

• Smart Conversion: Real-time IntelliSense for px values.
• Unit Calculation: Freely convert between px and vw/rem/rpx.
• Breakpoint Mapping: Supports mapping media queries to base values for automatic unit conversion.
• Conversion Range: Supports the option to convert only the selected values or all values ​​in the line.
• Decimal Retention: Customizable decimal place retention.
• Precision Control: Auto-ignore tiny values (-n ≤ px ≤ n).
• Annotations Assist: Keep original px value as a line annotation after conversion.
• Hover Tips: Display conversion formulas on hover.
• Quick Adjustment: Fast adjustment of screen width and root element font size.
• Preset Management: Save common values for rapid switch.
• Column Customization: Customize the icon and position of the status bar item.

Usage

• Type px values for auto-conversion
• Press Alt + Z to convert.
• Press Alt + Q to update screen width or root element font size.
• Click status bar item to open extension settings.

Language Modes

The default configuration covers the following language modes. You can add or delete corresponding language identifiers as needed.