prettier与stylelint规则冲突


前言:

这几天在给vue项目配置prettier与stylelint发现一个问题,就是prettier与stylelint同时存在时候,template模板里面html的行内样式末尾分号规则有冲突。

具体表现就是,行内样式如果加了分号,则prettier会报错,如下。

而如果不加分号,则stylelint会报错,如下。

因为以前也配置过,但是不会出现规则冲突的情况,所以就很疑惑。

原因

后面看了下prettier的更新日志跟issue,发现prettier在更新到2.0版本时,默认规则中取消了行内样式的尾随分号,在2.0版本以前是没有这条默认规则。

作者也在该issue下表明,该规则类似于尾随逗号规则,如果只有一行的情况下,是不需要使用尾随逗号的。

解决

最终解决办法是在.stylelintrc文件中配置"declaration-block-trailing-semicolon": null,将stylelint该条规则关闭。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM