Skip to content

VS Code 扩展

在市场中安装

  • 匹配工具类的装饰和提示
  • 自动加载配置
  • 匹配工具类的计数

命令

命令说明
unocss.reloadUnoCSS:重新加载 UnoCSS
unocss.insert-skip-annotationUnoCSS:为选中内容插入 @unocss-skip 注释

配置项

说明类型默认值
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启用/禁用 hover 提示中的 rem 转 pxbooleantrue
unocss.remToPxRatiorem 转 px 比例number16
unocss.selectionStyle启用/禁用选中样式装饰booleantrue
unocss.strictAnnotationMatch严格控制注释显示的位置booleanfalse
unocss.autocomplete.matchType自动补全的匹配类型string"prefix"
unocss.autocomplete.strict严格控制自动补全显示的位置booleanfalse
unocss.autocomplete.maxItems自动补全显示的最大项数number1000

配置

为了获得最佳的 IDE 体验,建议您使用单独的 uno.config.ts 文件 来配置 UnoCSS。

扩展会尝试在您的项目中查找 UnoCSS 配置文件。如果未找到配置,扩展将被禁用。

图标预设

如果您正在使用图标预设,还可以安装Iconify IntelliSense,以获得图标的内联预览、自动补全和悬停提示信息。