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!
| |