vue.js - 更漂亮的格式化程序拆分长班

Question

我使用了 vue + eslint + prettier，对于更长的 htmlclass=""属性，prettier 将它分成几行。 分班

现在 prettier 只是把它放在单行中，而不是拆分长类。单行类

使用 tailwindcss 时，它对我来说效率不高。我无法重置此功能，任何人都可以帮助我，或者此功能是否已完全从更漂亮的版本中删除？

我的prettierrc档案：“

{
    "printWidth": 80,
    "semi": false,
    "singleQuote": true,
    "trailingComma": "es5",
    "useTabs": true,
    "tabWidth": 2
}

我的settings.json：

{"editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
  ],
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },}