finecss - rpx utility classes for uni-app (VSCode 支持)

finecss 的 VSCode 编辑器支持:在 class 属性中提供工具类补全,悬浮类名时显示生成的 CSS。

功能

• 类名补全:输入 p-、text-、flex 等给出固定值与常用数字档位(数字 1:1 映射 rpx,任意数字可用);提供 p-[20rpx] 任意值代码片段
• 悬浮提示:鼠标放在类名上显示它生成的 CSS,如 p-8 → padding: 8rpx
• 项目联动:优先读取项目构建时生成的 .finecss/classes.json 清单,你项目里自定义的任意值类也能补全;并提示动态拼接类名是否被遗漏(需 safelist)
• 版本同步:优先加载工作区 node_modules/finecss 引擎计算,与项目安装版本行为一致;无安装时回退到插件内置引擎

支持语言

vue / html / wxml / javascript / typescript(含 jsx/tsx)

使用

1. 项目安装 finecss: yarn add finecss(详见 finecss 文档)
2. 本插件安装后自动生效,在模板的 class="..." 里输入即可

配置

说明

• HBuilderX 不是 VSCode 内核,无法安装本插件;插件面向 VSCode 用户