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

最新推荐文章于 2023-12-28 15:30:33 发布

原创最新推荐文章于 2023-12-28 15:30:33 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

本文详细介绍了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 // 主样式文件