VUE中style应该怎么写 css怎么写 样式书写规范 建议用less,东西少,sass有点多,不利于团队

本文详细介绍了CSS样式的管理与组织方法,包括使用less或scss作为预处理器,如何创建和维护全局样式,以及如何在项目中有效利用style scoped。探讨了不同类型的样式文件,如基础样式、颜色配置、混入文件和浏览器初始化文件的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

css 样式存放目录(待定,选用less或scss)这里我不会把style抽到外头,但是可以写一些全局样式放在这里,里面注意放入common.less normalize.less,里面直接写.el-button那么所有的el-button就会被影响,这里要提一下style的书写,el的样式用class包一下再再style里面写,而普通的就用style scoped来写,注意要用class来包一下,不包也行,因为已经scoped了,变成局部的了。

这个style就放在src下面,也可以放在asset下面

├── style
│ ├── base // 基础样式存放目录
│ │ ├── _base.scss // 基础样式文件
│ │ ├── _color.scss // 项目颜色配置变量文件
│ │ ├── _mixin.scss // scss 混入文件
│ │ └── _reset.scss // 浏览器初始化文件
│ ├── scss // 页面样式文件夹
│ │ ├── _content.scss // 内容页面样式文件
│ │ └── _index.scss // 列表样式文件
└── style.scss // 主样式文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值