vscode 格式化代碼 與 eslint 有沖突的問題解決

項目中配置了eslint后，在使用vue界面里格式化的時候總是不一致。然后在配置中加了配置也無效（File - Preference - Setting）
查了下原因是在vue開發的時候我們一般都安裝了Vetur的插件來對.vue格式的文件進行處理，Vetur自帶了格式化，規范就是使用prettier
這時候裝prettier插件，並且在設置或setting.json里配置了prettier的話是無效的

解決方法：在setting.json中加入下面的配置就可以了

{
   "vetur.format.defaultFormatterOptions": {
      "prettier": {
        "semi": false,
        "singleQuote": true
      },
      "wrap_attributes": "force-aligned"
    },
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html" 
}

但是這個時候會發現vue文件是可以了，可以js文件還是無效，找到以下方法解決之：
1、安裝prettier插件

npm install --save-dev  prettier

2、在根目錄新增 .prettierrc.json文件，配置如下：

{
	"singleQuote":true,//使用單引號而不是雙引號,true就是對
	"semi":false//在語句結尾處打印分號,false就是不打印
}

親測有效，直接Shift + Alt +F就可以美滋滋的格式化代碼不會加上冒號和分號啦~