vetur插件——保存vue文件自動單引號變雙引號，自動加逗號問題

vetur在編輯vue文件時，ctrl+s一保存，發現eslint好多錯，定睛一看，單引號自動成了雙引號，還多了好多沒用的逗號和分號。。。

• 保存前
  
• 保存后
  

1. 解決方法1 (最快的解決辦法)

把”vetur.format.defaultFormatter.js”: “prettier”,改為 “vetur.format.defaultFormatter.js”: “vscode-typescript”

2. 解決方法2

在setting.json中配置vetur.format

紅框中為添加的配置

//在方法和括號間添加空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"vetur.format.defaultFormatterOptions": {
  "prettier": {
    "singleQuote": true, //使用單引號而不是雙引號
    "semi": false, //不在語句結尾處加分號
    "trailingComma": "none" //禁止隨時添加逗號
  }
}

• "singleQuote": true, //使用單引號而不是雙引號
• "semi": false, //不在語句結尾處加分號
• "trailingComma": "none" //禁止隨時添加逗號

其他："javascript.format.insertSpaceBeforeFunctionParenthesis": true,在方法括號間添加空格