- 安裝插件Vetur，ESlint。
- 打開用戶設置setting.json,將下面內容復制粘貼。
{
// tab 大小為2個空格
"editor.tabSize":
2,
// 編輯器換行
"editor.wordWrap":
"off",
// 保存時格式化
"editor.formatOnSave":
true,
// 開啟 vscode 文件路徑導航
"breadcrumbs.enabled":
true,
// prettier 設置語句末尾不加分號
"prettier.semi":
false,
// prettier 設置強制單引號
"prettier.singleQuote":
true,
// 選擇 vue 文件中 template 的格式化工具
"vetur.format.defaultFormatter.html":
"js-beautify-html",
// vetur 的自定義設置
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes":
"aligned-multiple"
},
"prettier": {
"singleQuote":
true,
"semi":
false,
"printWidth":
100,
"wrapAttributes":
false,
"sortAttributes":
false
}
}
}