全面拥抱原子 CSS 框架 UnoCSS
近期项目中接触并使用了 UnoCSS,使用一段时间后感觉还是很香的,在日常开发中其实存在了很多了 CSS 重复代码,比如会有很多页面或者组件使用到了margin-top: 10px
的样式,有些人可能会想到定义一个 classmt-10
来表示,那如果需要定义其他数值的样式呢,是不是就有点力不从心了,那还赶紧去尝试下 UnoCSS。
大约 2 分钟
近期项目中接触并使用了 UnoCSS,使用一段时间后感觉还是很香的,在日常开发中其实存在了很多了 CSS 重复代码,比如会有很多页面或者组件使用到了margin-top: 10px
的样式,有些人可能会想到定义一个 classmt-10
来表示,那如果需要定义其他数值的样式呢,是不是就有点力不从心了,那还赶紧去尝试下 UnoCSS。
项目中使用 CSV 文件将多语言集中在一起,方便同时对一个 Key 进行修改。
通过一个可执行的文件icotjo
,将 CSV 转换成各语言的 JSON 文件。
icotjo
是一个 Go 写的工具,源码可在https://github.com/wonsikin/icotjo查看。
之前脚手架使用的 Vue Cli 的时候,一般样式文件会定义一个变量样式文件,如variables.scss
,会在vue.config
中全局引入,而variables.scss
中也会通过:export
的形式将变量导出,这样也方便在其他文件如 js 中引入相关变量。