vscode

vscode vetur 代码格式化优化设置

2022-05-24  本文已影响0人  暴躁程序员

1. vue 文件在使用 vetur 格式化时,会默认把标签的每一个属性单独占一行,而且标签错位,可读性很差

  1. 点击左下角齿轮图标 --> 设置 -->点击右上角的小图标


    设置.png
  2. 在 {} 里面最下方添加如下代码
"typescript.validate.enable": false,
 "vetur.format.defaultFormatter.html": "js-beautify-html",
 "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 200, // 最多容纳多少个字符,开始换行
      "wrap_attributes": "auto",
      "end_with_newline": false
    }
  }
上一篇 下一篇

猜你喜欢

热点阅读