美文网首页vscode
vscode vetur 代码格式化优化设置

vscode vetur 代码格式化优化设置

作者: 暴躁程序员 | 来源:发表于2022-05-24 17:18 被阅读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
        }
      }
    

    相关文章

      网友评论

        本文标题:vscode vetur 代码格式化优化设置

        本文链接:https://www.haomeiwen.com/subject/uzajprtx.html