Skip to content

VS Code 扩展

¥VS Code Extension

在市场中安装

¥Install in Marketplace

  • 匹配工具的装饰和工具提示

    ¥Decoration and tooltip for matched utilities

  • 自动加载配置

    ¥Auto loading configs

  • 匹配工具的计数

    ¥Count of matched utilities

命令

¥Commands

命令标题
unocss.reloadUnoCSS:重新加载 UnoCSS
unocss.insert-skip-annotationUnoCSS:插入 @unocss-skip 进行选择

配置

¥Configurations

描述类型默认
unocss.disable禁用 UnoCSS 扩展booleanfalse
unocss.languageIdsarray``
unocss.root包含 UnoCSS 配置文件的项目根目录array,string``
unocss.include待检测的文件目录array,string``
unocss.exclude不检测的文件目录array,string``
unocss.underline启用/禁用类名的下划线修饰booleantrue
unocss.colorPreview启用/禁用颜色预览装饰booleantrue
unocss.colorPreviewRadius颜色预览半径string"50%"
unocss.remToPxPreview启用/禁用悬停时 rem 到 px 的预览booleantrue
unocss.remToPxRatiorem 与 px 的比例number16
unocss.selectionStyle启用/禁用选择样式装饰booleantrue
unocss.strictAnnotationMatch严格控制注释的显示位置booleanfalse
unocss.autocomplete.matchType自动补齐的匹配类型string"prefix"
unocss.autocomplete.strict严格控制自动补齐的显示位置booleanfalse
unocss.autocomplete.maxItems自动补齐中显示的最大项目数number1000

配置

¥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.