Quattro CSS Variables Helper

基于vscode-css-variables调整的, 仅供内部使用的css variables插件

功能

自动补全 + 颜色预览

CSS Variable跳转

修复hex色值

如果直接使用了色值，并且设置已经有了对应的css variables，会有lint提示，通过cmd + . 可以快速修复

这里你需要自行选择一个css variables变量，可以根据场景，选择更语义化的变量

色盘颜色展示和插入颜色

1. 打开项目
2. 使用快捷键 cmd + shift + p 之后，输入/选择：插入 CSS Variables (输入CSS时会有提示)。（或者鼠标右键，选择Quattro：插入 CSS Variables，来调起）
3. 点击右上角小齿轮，配置需要插入的CSS Variables路径（相对路径，相对于workspace目录，即打开的目录)

配置

掉起的面板中可以点击配置按钮新增node_modules里的css variables具体文件路径(文件路径，不是文件夹路径).

注意： 默认读取项目目录，不需要自行增加，例如，"./src"。

建议

如果需要在StyledComponent中展示css variables的能力，安装vscode-styled-components即可。