Giter VIP home page Giter VIP logo

vscodeplugindemo's Introduction

color/px to variable README

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

Features

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

Extension Settings

For more information

TODO:

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

vscodeplugindemo's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.