VS Code Vue程式碼格式化
{
// 工作區顏色主題(Vue Theme)
"workbench.colorTheme": "Vue Theme",
// 工作區圖示主題(vscode-icons)
"workbench.iconTheme": "vscode-icons",
// vetur使用格式化外掛:js-beautify-html
"vetur.format.defaultFormatter.html": "js-beautify-html",
// "vetur.format.defaultFormatter.js": "vscode-typescript",
// 格式化外掛格式配置
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
}
},
// 模板格式檢查
"vetur.validation.template": false,
// 單引號
"prettier.singleQuote": true,
// 去掉結尾分號
"prettier.semi": false,
// Tab寬度
"prettier.tabWidth": 2,
"editor.tabSize": 2,
//讓prettier使用eslint的程式碼格式進行校驗
// "prettier.eslintIntegration": true,
// 函式名後面加空格(符合eslint標準)
// "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// 根據檔案型別設定Tab寬度
"editor.detectIndentation": false,
// tab自動補全
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"plaintext": "jade"
},
// 編輯器字型大小
"editor.fontSize": 16,
// 終端字型大小
"terminal.integrated.fontSize": 16,
"git.autofetch": true,
"explorer.confirmDelete": false,
// 提示支援檔案型別
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
// 儲存時自動格式化
"editor.formatOnSave": true,
"git.confirmSync": false
}