stylelint安装

aa小小

已于 2023-06-01 15:00:35 修改

阅读量765

点赞数

分类专栏： vue3项目文章标签：前端 css styleLint

于 2023-06-01 11:56:40 首次发布

本文链接：https://blog.csdn.net/qq_34752068/article/details/130985508

版权

如果希望在保存时自动 fix，参考这里https://blog.csdn.net/gyz718/article/details/70556188。还想知道更多为什么可以参考：https://blog.csdn.net/qq_36060786/article/details/79311244。“wrap_attributes”: “force-aligned”, // 第一个属性后开始折行，并对齐。更多语法规则请参考：https://stylelint.io/user-guide/usage/cli。

摘要由CSDN通过智能技术生成

原文链接：https://zhuanlan.zhihu.com/p/138323526
css样式的书写顺序及原理——很重要！很重要！很重要！
为什么重要？？？
概括讲就是，它涉及了浏览器的渲染原理：reflow和repaint
还想知道更多为什么可以参考：https://blog.csdn.net/qq_36060786/article/details/79311244
如何优雅解决？
开源比较流行的 CSS lint 方案：Csslint、SCSS-Lint、Stylelint
Stylelint 优点
• 其支持 Less、Sass 这类预处理器；
• 在社区活跃度上，有非常多的第三方插件；
• 在 Facebook，Github，WordPress 等公司得到实践，能够覆盖很多场景。

步骤一：安装 stylelint 依赖

npm install stylelint stylelint-config-recess-order stylelint-config-standard stylelint-order stylelint-scss

stylelint-scss
scss 拓展，增加支持 scss 语法

stylelint-order
该插件的作用是强制你按照某个顺序编写 css。例如先写定位，再写盒模型，再写内容区样式，最后写 CSS3 相关属性。这样可以极大的保证我们代码的可读性。

stylelint-config-standard

最低0.47元/天解锁文章

aa小小

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
stylelint安装

如果希望在保存时自动 fix，参考这里https://blog.csdn.net/gyz718/article/details/70556188。还想知道更多为什么可以参考：https://blog.csdn.net/qq_36060786/article/details/79311244。“wrap_attributes”: “force-aligned”, // 第一个属性后开始折行，并对齐。更多语法规则请参考：https://stylelint.io/user-guide/usage/cli。
复制链接

扫一扫