VSCode Vue 格式化代碼

Shift + Alt + F產生的問題

vue init webpack my-project

若是在腳手架上面直接修改代碼，使用快捷鍵格式化代碼會發現eslint報了一堆錯誤，在不修改eslint配置狀況下須要修改下VSCode settings.json

修改配置

"editor.detectIndentation": false, // 改成false，避免每次格式仍是4個空格

"editor.tabSize": 2,  // 格式化爲2個空格 

"vetur.format.defaultFormatter.js": "vscode-typescript", // 解決函數名前面沒有空格
 
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 解決函數名前面沒有空格

"prettier.singleQuote": true, // 格式化爲單引號 

"prettier.semi": false // 格式化去掉行尾分號