Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>anole-cssNew to Visual Studio Code? Get it now.
anole-css

anole-css

Yanghang

|
139 installs
| (1) | Free
处理CSS全局变量提示与替换
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

anole css

处理CSS全局变量提示与替换,适用于项目换肤、适配暗黑模式等场景

简述

如果你的项目本身已使用 scss/less/sass 语法等 可使用 anole 插件来提示项目开发人员快捷使用已命名的颜色变量;

使用方法:

在当前编辑器打开的项目 根目录 新建 anole.config.json 文件

配置:

配置 anole.config.json 文件内容; 如下:

{
    "var(--color-2)": "#333333"
    "$red": "#ff0000"
}

该json文件的 key 为替换的变量名称,value 为 需要被替换颜色色值

使用:

输入检测(提示):

光标滑入颜色值 选择单个替换

光标滑入颜色值 选择全部替换(当前文件全部替换)

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft