Vue.js 强制Prettier将内部文本放置在新行上而不拖尾>；

我正在使用VScode进行Vue开发，使用的是Prettier和Eslint

目前，Prettier正在对我的代码进行如下格式化：

我要做的是强制执行以下命令

如果我手动将其更改为所需格式，它不会将其标记为不正确，但默认情况下也不会执行此格式

在默认情况下，有没有办法做到这一点

我的相关VScodeSettings.json

我的.prettierrc设置

我的eslintrc.js设置

---

需要在Pretter中修改

printwidth

选项，但需要注意以下事项

有一些边缘情况，例如真正的长字符串文本、regexp、注释和变量名，它们不能跨行断开（不使用代码转换，而Prettier不会这样做）。或者，如果您将代码嵌套到50层深，那么您的代码行当然大部分是缩进：） -

---

嗯。。这不是包装问题，而是格式问题。我不确定这是否有帮助。这种情况也发生在angular上……我对类似的配置也有同样的问题。你找到解决办法了吗？我当时放弃了，但最近遇到了这个问题。也许它会有用：

"prettier.disableLanguages": ["json"],
  "[scss, css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "vetur.validation.template": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "html.format.wrapAttributes": "force-aligned",
  "sync.gist": "30b867ce7d7d1360ee7bad0cf5599fc3",
  "sync.autoDownload": true,
  "sync.autoUpload": true,
  "sync.forceUpload": false,
  "sync.removeExtensions": false,
  "sync.quietSync": true,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },

{
  "trailingComma": "none",
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true
}

extends: [
    'plugin:vue/recommended',
    'eslint:recommended',
    'prettier/vue',
    'plugin:prettier/recommended'
  ],
  plugins: ['vue', 'prettier'],