vscode中插件Eslint无法自动折行

项目场景：

学习vue3时，使用Eslint插件的一些问题

---

问题描述

Eslint无法自动折行

我的Eslint设置

  rules: {
    'prettier/prettier': [
      'warn',
      {
        singleQuote: true, // 单引号
        semi: false, // 无分号
        printWidth: 80, // 每行宽度至多80字符
        trailingComma: 'none', // 不加对象|数组最后逗号
        endOfLine: 'auto' // 换行符号不限制（win mac 不一致）
      }
    ]}

可以看到这里提示超过80行，但是保存后无法折行

---

原因分析：

插件Vue-office或者其他插件与Eslint格式化程序起冲突

---

解决方案：

重新定义默认格式化程序

1、在设置中查找editor.defaultFormatter

2.选择eslint

不过像我这里是出现了已在其他位置修改，鼠标停留查看作用域

1、选择 Vue>用户

2、进入后选择Eslint

3、选择后回到页面即可

注意：选择回到页面若出现符号标红现象，重启vscode即可