問題產(chǎn)生

代碼格式化的功能由插件提供，比如veture，默認(rèn)的配置超過很短的長度就回?fù)Q行。
所以需要修改配置。
打開 文件 - 首選項(xiàng) - 設(shè)置，然后點(diǎn)擊右上角的圖標(biāo)。進(jìn)入settings.json文件。

搜狗截圖20220421170631.png

在這里面寫配置。

問題解決

1.使用Prettier - Code formatter來格式化

安裝好后在配置文件中寫

{
  "prettier.printWidth":120, //指定換行的長度，指定合適的值就不會很短就換行
}

然后格式化的時(shí)候選Prettier來格式化

2.修改veture的換行配置

{
  "vetur.format.defaultFormatter.html": "js-beautify-html",

  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 200,
      "wrap_attributes": "auto",
      "end_with_newline": false
    }
  },
}

然后格式化的時(shí)候選veture來格式化
這個(gè)配置參數(shù)格式化后很難看，需要自己去調(diào)整合適的參數(shù)，但至少不亂換行了。

總結(jié)

網(wǎng)上找的方法配置全是錯(cuò)的，不知道從哪里復(fù)制的過時(shí)版本，不知道什么時(shí)候這個(gè)也是過時(shí)的版本。