VS Code 扩展
¥VS Code Extension
匹配工具的装饰和工具提示
¥Decoration and tooltip for matched utilities
自动加载配置
¥Auto loading configs
匹配工具的计数
¥Count of matched utilities
命令
¥Commands
命令 | 标题 |
---|---|
unocss.reload | UnoCSS:重新加载 UnoCSS |
unocss.insert-skip-annotation | UnoCSS:插入 @unocss-skip 进行选择 |
配置
¥Configurations
键 | 描述 | 类型 | 默认 |
---|---|---|---|
unocss.disable | 禁用 UnoCSS 扩展 | boolean | false |
unocss.languageIds | array | `` | |
unocss.root | 包含 UnoCSS 配置文件的项目根目录 | array,string | `` |
unocss.include | 待检测的文件目录 | array,string | `` |
unocss.exclude | 不检测的文件目录 | array,string | `` |
unocss.underline | 启用/禁用类名的下划线修饰 | boolean | true |
unocss.colorPreview | 启用/禁用颜色预览装饰 | boolean | true |
unocss.colorPreviewRadius | 颜色预览半径 | string | "50%" |
unocss.remToPxPreview | 启用/禁用悬停时 rem 到 px 的预览 | boolean | true |
unocss.remToPxRatio | rem 与 px 的比例 | number | 16 |
unocss.selectionStyle | 启用/禁用选择样式装饰 | boolean | true |
unocss.strictAnnotationMatch | 严格控制注释的显示位置 | boolean | false |
unocss.autocomplete.matchType | 自动补齐的匹配类型 | string | "prefix" |
unocss.autocomplete.strict | 严格控制自动补齐的显示位置 | boolean | false |
unocss.autocomplete.maxItems | 自动补齐中显示的最大项目数 | number | 1000 |
配置
¥Config
为了获得最佳的 IDE 体验,我们建议你使用 使用单独的 uno.config.ts
文件 来配置你的 UnoCSS。
¥To get the best IDE experience, we recommend you to use a separate uno.config.ts
file for configuring your UnoCSS.
该扩展将尝试在你的项目下查找 UnoCSS 配置。当没有找到配置时,扩展将被禁用。
¥The extension will try to find the UnoCSS configurations under your project. When there is no config found, the extension will be disabled.
图标预设
¥Icons Preset
如果你使用的是 图标预设,你还可以安装 Iconify IntelliSense 以获取图标的嵌入预览、自动补齐和悬停信息。
¥If you're using the Icons Preset, you can also install Iconify IntelliSense to get inlay preview, auto-completion, and hover information for your icons.