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该条规则关闭。