前言：
這幾天在給vue項目配置prettier與stylelint發現一個問題，就是prettier與stylelint同時存在時候，template模板里面html的行內樣式末尾分號規則有沖突。
具體表現就是，行內樣式如果加了分號，則prettier會報錯，如下。
而如果不加分號，則stylelint會報錯，如下。
因為以前也配置過，但是不會出現規則沖突的情況，所以就很疑惑。
原因
后面看了下prettier的更新日志跟issue，發現prettier在更新到2.0版本時，默認規則中取消了行內樣式的尾隨分號，在2.0版本以前是沒有這條默認規則。
作者也在該issue下表明，該規則類似於尾隨逗號規則，如果只有一行的情況下，是不需要使用尾隨逗號的。
解決
最終解決辦法是在.stylelintrc文件中配置"declaration-block-trailing-semicolon": null,將stylelint該條規則關閉。