Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>灵芽色彩助手New to Visual Studio Code? Get it now.
灵芽色彩助手

灵芽色彩助手

180Club

|
1 install
| (0) | Free
灵芽色彩变量替换和提示工具
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

灵芽色彩助手 (Lingya Color Helper)

VSCode 插件,用于在编码过程中快速使用灵芽设计系统的颜色变量。

功能特点

  • 🎨 自动识别十六进制颜色值,并提供对应的灵芽设计系统变量建议
  • 💡 输入 -- 时提供灵芽颜色变量的智能提示
  • 🔄 支持将已有的十六进制颜色值快速替换为对应的变量

使用方法

  1. 输入十六进制颜色值时自动提供建议:

    .example {
      color: #6B57C7; /* 会提示使用 var(--ly-color-purple) */
    }
    
  2. 使用变量时的智能提示:

    .example {
      color: var(--ly-color-purple); /* 输入 -- 时会提供提示 */
    }
    
  3. 悬停在颜色值或变量上可以查看预览和详细信息

  4. 使用命令面板中的"替换为灵芽颜色变量"命令可以批量替换颜色值

支持的颜色变量

插件支持灵芽设计系统中的所有颜色变量

安装

在 VSCode 扩展商店中搜索"灵芽色彩助手"或"Lingya Color Helper"即可安装。

配置

在 VSCode 设置中可以配置以下选项:

  • lingyaColorHelper.enabled: 启用/禁用插件(默认:启用)
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft