Umoi
Umoi 是一款轻量但高效的 VS Code 扩展,专为提升前端开发者日常效率设计。它集成了「状态栏倒计时」、「命名风格变换」与「CSS 单位转换」等实用功能,助你专注开发,减少重复劳动。
✨ 功能特性
⏰ 状态栏倒计时
在状态栏实时显示设定如「下班时间」的剩余时间,帮你掌控节奏,拒绝无意识加班。
默认时间为 18:00 ,支持自定义设置。
🔤 命名风格变换
支持多种常见命名风格之间一键转换,统一团队代码风格:
camelCase (驼峰命名)
PascalCase (首字母大写驼峰)
snake_case (蛇形命名)
kebab-case (短横线命名)
UPPER_CASE (全大写)
lowercase (全小写)
可通过右键菜单或命令面板(Ctrl+Shift+P )执行转换。
🎯 CSS 单位转换
快速将 px 转换为 rem 、rpx 或 vw ,支持反向换算和公式展示:
px → rem (基于根字体大小)
px → rpx
px → vw (基于视口宽度)
rem → px
vw → px
转换结果包含详细计算过程,如:100 ÷ 16 = 6.25rem
⚙️ 插件设置
Umoi 支持以下可选配置项:
配置项 |
说明 |
默认值 |
umoi.endTime |
自定义下班时间(格式如 18:00 ) |
18:00 |
umoi.rootFontSize |
根字体大小(用于 px ↔ rem) |
16 |
umoi.viewportWidth |
视口宽度(用于 px ↔ vw) |
1920 |
umoi.css.unitTransformTarget |
默认转换目标单位:rem / rpx / vw |
rem |
🖱️ 使用方式
- 查看状态栏倒计时(默认 18:00)。
- 选中文本,右键或打开命令面板(
Ctrl+Shift+P ),输入 Umoi: 查看可用操作。
- 选择命令,一键完成转换。
🙌 反馈与贡献
如有建议、问题或功能需求,欢迎通过 30896355@qq.com 发送邮件。
| |