前言：eslint很惡心的一個地方：你是否被各種語法報錯一個標點符號，一個空格，一個回車......各種報錯折磨着你！
加上編輯器 VS Code 的自動格式化穩穩的和Eslint沖突報錯。
對此，我們想在 VS Code 中格式化不報錯需要對eslint進行一些設置
錯誤一：方法小括號前面報錯，Eslint要求前面必須加一個空格，Vs Code自動格式化是縮略了空格的，這時候
Module Error (from ./node_modules/eslint-loader/index.js):
error: Missing space before function parentheses (space-before-function-paren) at src\components\Login.vue:30:7:
28 | <script>
29 | export default {
> 30 | data () {
| ^
31 | return {
解決方法：找到.eslintrc.js 在rules里面加上
'space-before-function-paren': 0
即：
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'space-before-function-paren': 0
},
錯誤二：當字符串被打上雙引號是報錯，Eslint中規定單引號：上箭頭指向引號
錯誤三：分號不支持，報錯：上箭頭指向分號
解決方法：全局添加 .prettierrc 文件
{
"semi": false, //分號
"singleQuote": true //引號
}
這時再用 Vs Code 的格式化就不會右上面三種報錯了