强制Prettier将内文放置在新的行上，而不是尾部的&gt。

Question

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

目前，Prettier是这样格式化我的代码的。

我想要的是强制执行以下内容

如果我手动把它改成我想要的格式，它就不会标记为不正确，但它默认也不做这种格式。

有什么办法可以默认实现这个功能吗？

我的相关VScode 设置.json

"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"
  },

我的 .prettierrc 设置

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

我的 eslintrc.js 设置

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

Answer 1

需要修改 printwidth 选项中更漂亮，但你需要注意以下事项

有一些边缘情况，比如很长的字符串、regexps、注释和变量名，这些都是不能跨行的（如果不使用代码转换，而Prettier不做）。或者，如果你的代码嵌套了50层，你的行数当然会有很大的缩进:)。 - 更漂亮