vscode 安裝三個外掛 ESLint、 vuetur、 Prettier - Code formatter
檔案> 首選項 > 設定 > 使用者設定 新增以下內容：
"eslint.autoFixOnSave": true, // 每次儲存的時候將程式碼按eslint格式進行修復
"prettier.eslintIntegration": true, //讓prettier使用eslint的程式碼格式進行校驗
"prettier.semi": false, //去掉程式碼結尾的分號
"prettier.singleQuote": true, //使用單引號替代雙引號
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, //讓函式(名)和後面的括號之間加個空格
"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
"vetur.format.defaultFormatter.js": "vscode-typescript", //讓vue中的js按編輯器自帶的ts格式進行格式化
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned" //屬性強制折行對齊
}
},
"eslint.validate": [ //開啟對.vue檔案中錯誤的檢查
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
複製程式碼