Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>style-helperNew to Visual Studio Code? Get it now.
style-helper

style-helper

KDS-Web

|
19 installs
| (0) | Free
kds跨端样式辅助
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

@kilo/plugin-style-helper

插件意图

提供一些常用的样式帮助方法,方便开发者快速编写css in js 样式

主题变量使用替换

识别样式文件中的主题变量,替换为当前主题的值

  • step1:设置基准design token,
  • step2: 设置需要识别样式文件的pattern (基于当前workspace的glob pattern,默认是styles.ts)
  • step3: 打开符合pattern的样式文件,右键选择"替换主题变量",即可替换为当前主题的值

如何贡献

Kilo 脚手架生成的插件模版

  1. 安装插件node环境的node_modules
yarn
  1. 安装 webview 的node_modules 【暂时没有用到】
cd src/ui

yarn
  1. VS Code 中运行调试
  2. 打包
vsce package --yarn
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft