04前端自动化规范工具 stylelint规定样式规范

最新推荐文章于 2025-01-21 09:35:48 发布

前端一枚

最新推荐文章于 2025-01-21 09:35:48 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

分类专栏：代码质量管理文章标签：前端 stylelint

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/u011200562/article/details/123282102

代码质量管理专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何使用stylelint工具来确保样式文件遵循特定的编码规范。首先，通过npm安装stylelint和stylelint-config-standard配置。接着，创建.stylelintrc.json文件并引入配置。在VSCode中安装stylelint插件，当前插件默认仅检查CSS文件，若要检查其他如SASS、Vue等文件，需参照链接进行额外配置。

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

前端自动化规范工具 stylelint规定样式规范

实现功能

样式文件没有按照配置规范写报错

步骤一

npm安装stylelint

npm install --save-dev stylelint stylelint-config-standard

步骤二

创建.stylelintrc.json文件

写入配置

{
  "extends": "stylelint-config-standard"
}

步骤三

同时vs code安装stylelint插件
注意：目前只能检测css文件语法
如果想让stylelint检测sass文件、vue文件、htmle文件、css文件还需要进行配置，请查看下面博客：
https://blog.csdn.net/u011200562/article/details/123201301

less/scss自行GitHub - stylelint/stylelint: A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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