记VSCode出现的vetur和prettier冲突

一直以来都是用sublime进行项目开发,项目中通过prettier格式化代码,这次用vscode打开项目,一运行起来全是报错,一脸懵。找了半天,发现全是html格式错误,大概是vscode某处配置自动格式化规则跟项目中的prettier规则冲突了。

如下图,块级元素子节点都自动换行了。

自动换行

最终发现是因为vscode中装了vetur插件,而vetur自带的代码格式化功能与prettier冲突,找到   Setting -> Extensions -> Vetur 将HTML的默认格式化工具修改为prettier,问题解决。


Vetur设置

你可能感兴趣的:(记VSCode出现的vetur和prettier冲突)