Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>vToVariable demoNew to Visual Studio Code? Get it now.
vToVariable demo

vToVariable demo

MMH

|
64 installs
| (0) | Free
vscode-plugin-demo
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

color/px to variable README

插件解决的问题: 当我们写了类似variable.less 这样的变量文件后, 在其他style文件应用时, 可能需要反复回到variable.less中去查找对应值的变量是什么, 然后粘贴复制过去, 还可能存在UI给的值不太准确,反复查找,浪费时间。

Features

1)输入字体大小, eg: 12px 回车匹配字体大小, 按照差值大小排序, 选择后,返回该字体对应的变量值 2)输入颜色, eg: #000000 回车匹配色值, 按照差值大小排序, 选择后,返回该色值对应的变量值

Extension Settings

For more information

  • see change log https://github.com/Bossmmh/valueToVariable.git Enjoy!

TODO:

  1. 不支持代码压缩后查找
  2. 每个定义变量的语句结尾需要加;(如: @black: #000;)才可以正确解析出所有
  3. 目前只支持一个vscode 窗口打开一个工作目录, 存在Multi-root时会查找所有的项目变量
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft