一个可以自动生成css样式的插件happycss
发布时间：2020-12-16 23:27:18 所属栏目：百科 来源：网络整理
导读：一直在页面写css,重复写着样式，发现布局中，特别是h5,大量的样式都是margin,padding,width,height,而，当我们需要给一个标签写样式的时候，避免内联样式，我们又需要取class名，对于英语不是特别好的同学，可能会特别苦恼。好了，有了这款插件，这些都不是
|
一直在页面写css,重复写着样式，发现布局中，特别是h5,大量的样式都是margin,padding,width,height,而，当我们需要给一个标签写样式的时候，避免内联样式，我们又需要取class名，对于英语不是特别好的同学，可能会特别苦恼。好了，有了这款插件，这些都不是问题！ # happycss
这是一款可以自动生成css样式的插件，你只需要在 vue中写入 class="w10",就会自动生成width: 10px;
默认单位为px,如果你需要使用%，请添加如 class="w10p",则会生成 width: 10%
默认生成路径为 /src/assets/css/happycss.css
默认导出路径为 /src/main.js
?
## Install
npm install happycss
?
yarn add happycss
## webpack config
const happycss = require('happycss')
```
```
##具体规则如下
?
?
?
github地址 ：?https://github.com/wenfangcao/happycss
欢迎 issuestar （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |