可提示 less 变量的 VS code 插件

change

fork from https://github.com/gcdxuzhiwei/less-vars

导入less表量的方式，支持JSON

why

JSON类型的支持， 是为了优化导入体验，与less.modifyVars方式无差别

你还可以像我一样，从node_modules中导入less变量

quick start

1. 打开设置点击右上角**打开设置(json)**添加如下配置项

{
  "lessVars.locations": [
    /* 支持less文件及commonjs导出的变量对象&JSON文件 */
    /* 文件的绝对路径 如："D:/code/color.less" */
    /* 文件相对工作区文件夹的路径时使用${folder},其等价于D:/code 如："${folder}/color.less" */
    /* 格式为string[] 只有一条路径时可以配置为字符串 */
    /* 越靠前优先级越高 */
  ]
}

2. 也可以在 less 文件中右键选择设置 less 变量文件路径

功能

示例常量文件如下

1. 在颜色后输入=提示所对应的变量值

2. 输入@后出现所有变量

3. 鼠标悬浮在变量上时出现提示

项目结构

1. 入口文件 ./src/extension.ts