一直以来都是用sublime进行项目开发，项目中通过prettier格式化代码，这次用vscode打开项目，一运行起来全是报错，一脸懵。找了半天，发现全是html格式错误，大概是vscode某处配置自动格式化规则跟项目中的prettier规则冲突了。
如下图，块级元素子节点都自动换行了。
自动换行
最终发现是因为vscode中装了vetur插件，而vetur自带的代码格式化功能与prettier冲突，找到 Setting -> Extensions -> Vetur 将HTML的默认格式化工具修改为prettier，问题解决。
Vetur设置
一直以来都是用sublime进行项目开发，项目中通过prettier格式化代码，这次用vscode打开项目，一运行...
setting.json配置 需要安装的vscode插件 Eslint Prettier ESLint Vetur
先在vscode安装依赖的Vetur，ESlint，Prettier插件 打开配置信息在vscode设置中点击右上...
vscode安装插件Eslint+Vetur+Prettier - Code formatter 插件安装完成之后...
1. 安装扩展 在vscode插件安装ESLint,Prettier - Code formatter,vetur...
VSCode代码格式化设置 安装插件 ESLint、Prettier-code formatter、Vetur 一...
解决 mpvue 自带的语法检测的规则与 vscode 自带的格式化规则冲突的问题。 eslint 语法检测 mp...
1. 安装vscode插件 eslint vetur prettier 2. 安装插件 确保插件eslint、es...
准备工作 VSCode安装插件 Eslint prettier vetur 配置项 话不多说，直接上代码
前端格式化规范（eslint配置） 1.vscode从插件库里安装eslint、prettier、vetur 进入...
本文标题：记VSCode出现的vetur和prettier冲突
本文链接：https://www.haomeiwen.com/subject/biydkctx.html
网友评论