Rosebox TypeScript中的CSS编写库
Rosebox 是个挺酷的库,可以让你在 Typescript 中编写 CSS,尤其适合 React 开发。它支持像自动完成、颜色高亮、颜色选择器这些方便的功能,写 CSS 的时候能让你提高不少效率。支持强类型,像写函数一样来定义样式,也有不少额外的速记和简洁的语法,像是px
、ms
等常见单位,简直让人省心。而且,复杂的属性也能通过对象语法轻松搞定,不用再担心样式的混乱。最牛的是它能和 React 结合,用@rosebox/react
和jss
,直接把 CSS 类转化成 React 组件的样式,运行时也能生成。你只需要安装npm i @rosebox/core @rosebox/react
,在符合*.rb.ts
文件模式的地方写样式就行了。用法其实简单,举个例子:
import { rgb, px, ms } from '@rosebox/core';
。如果你还在用其他工具来搞 CSS,试试这个,绝对能提升工作效率!
419.96KB
文件大小:
评论区