vetur配置

vetur配置
设置-》扩展-》在settings.json中编辑

{
  // tab 大小为2个空格

  "editor.tabSize": 2,

  // 编辑器换行

  "editor.wordWrap": "off",

  // 保存时格式化

  "editor.formatOnSave": true,

  // 开启 vscode 文件路径导航

  "breadcrumbs.enabled": true,

  // prettier 设置语句末尾不加分号

  "prettier.semi": false,

  // prettier 设置强制单引号

  "prettier.singleQuote": true,

  // 选择 vue 文件中 template 的格式化工具

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

  // vetur 的自定义设置

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

    "prettier": {
      "singleQuote": true,

      "semi": false,

      "printWidth": 100,

      "wrapAttributes": false,

      "sortAttributes": false
    }
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  }
}