问题描述

在.eslintrc.cjs 文件中写入了如下配置

代码过长时会出现黄色波浪线报错

但Ctrl+s保存却不能自动折行

具体表现是短时间内出现两次格式化，第一次格式化会将长代码自动拆行成短代码，但第二次格式化又将短代码变回了长代码（按Ctrl+z可以看到第一次格式化的代码，也就是折行的代码）。而且只有出现长代码的时候会出现这样的情况，其他规范问题——比如加了分号，没有用单引号，都能正常格式化

出现上述情况的原因是其他格式化插件和ESLint的格式化插件起冲突，就比如我的是因为插件Vue - Official冲突

解决方案

进入设置

搜索editor.defaultFormatter，点击 vue > 用户

 点击后会进入如下页面

选择ESLint

返回页面，再次保存代码，已经可以自动折行了