vue vscode代码格式化插件配置

扩展商店搜索Vetur

vue vscode代码格式化插件配置_第1张图片

选择扩展此设置
vue vscode代码格式化插件配置_第2张图片
加入
vue vscode代码格式化插件配置_第3张图片

  "vetur.format.defaultFormatterOptions": {
        "prettyhtml": {
          "printWidth": 300, // No line exceeds 300 characters
          "singleQuote": false // Prefer double quotes over single quotes
        }
      }

格式化之前
vue vscode代码格式化插件配置_第4张图片
格式化后的代码
vue vscode代码格式化插件配置_第5张图片
注意:如果配置后没有效果,可以关闭vscode编辑器 然后重新打开尝试

你可能感兴趣的:(vscode,VUE,vue.js,vscode,前端)