Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>DevCalcNew to Visual Studio Code? Get it now.

DevCalc

fellasleep

|
53 installs
| (0) | Free
Convert between px and vw/rem/%
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

DevCalc

在 VSCode 中 px 与 vw/rem/% 之间相互转换。

特性

  • 支持转换选中或已聚焦的值。
  • 支持转换选中或已聚焦所在行中的所有值。
  • 支持忽略较小的值。
  • 支持智能感知与自动完成 px 到 vw/rem/% 的转换。
  • 支持 vw/rem/% 到 px 行注释。
  • 支持 vw/rem/% 到 px 悬停消息。
  • 支持快速更新屏幕宽度。
  • 支持设置常用屏幕宽度。
  • 支持修改状态栏外观。

用法

  • 按下 Alt + Z 进行转换。
  • 按下 Alt + Q 或点击状态栏图标更新屏幕宽度。
  • 键入 px 时自动补全 vw/rem/% 的转换结果。
  • 悬停 vw/rem/% 显示当前屏幕宽度转换来的 px。
  • 选中或聚焦带有 vw/rem/% 的行显示 px 注释。

DevCalc

Convert between px and vw/rem/% in VSCode.

Features

  • Supports converting selected or focused value(s).
  • Supports converting all values of the selected or focused line(s).
  • Supports ignoring smaller values.
  • Supports intellisense and autocomplete of px to vw/rem/% conversion.
  • Supports vw/rem/% to px line annotations.
  • Supports vw/rem/% to px hover message.
  • Supports quick update screen width.
  • 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.
  • Type px to autocomplete the conversion to vw/rem/%.
  • Hover vw/rem/% to display px of the current screen width conversion.
  • Select or focus the line(s) with vw/rem/% to display px annotations.

Enjoy!

By Shen Zhilong

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft