一、安裝常用外掛：

Ctrl+shift+x開啟應用商店搜尋這幾個外掛安裝即可

Beautify、Eslint、Vetur

二、setting.josn配置

檔案-首選項-設定-在setting.josn中編輯，開啟這個setting.josn檔案後將下面配置複製即可

{
    // tab 大小為2個空格
    "editor.tabSize": 2,
    // 100 列後換行
    "editor.wordWrapColumn": 100,
    // 儲存時格式化
    "editor.formatOnSave": true,
    // 開啟 vscode 檔案路徑導航
    "breadcrumbs.enabled": true
 
,
    // prettier 設定語句末尾不加分號
    "prettier.semi": false,
    // prettier 設定強制單引號
    "prettier.singleQuote": true,
    // 選擇 vue 檔案中 template 的格式化工具
    "vetur.format.defaultFormatter.html": "prettyhtml",
    // 顯示 markdown 中英文切換時產生的特殊字元
    "editor.renderControlCharacters": true,
    // 設定 eslint 儲存時自動修復
    "eslint.autoFixOnSave": true
 
,
    // eslint 檢測檔案型別
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    // vetur 的自定義設定
    "vetur.format.defaultFormatterOptions": {
        
 
"prettier": {
            "singleQuote": true,
            "semi": false
        }
    },
    // 修改500ms後自動儲存
    "editor.formatOnSaveTimeout": 500,
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 500,
    "editor.codeActionsOnSaveTimeout": 500,
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    }
}

三、配置.editorconfig檔案

專案根目錄下找到.editorconfig這個檔案，然後複製下面配置即可

# https://editorconfig.org
root = true                         # 根目錄的配置檔案，編輯器會由當前目錄向上查詢，如果找到 `roor = true` 的檔案，則不再查詢

[*]                                 # 匹配所有的檔案
indent_style = space                # 空格縮排
indent_size = 4                     # 縮排空格為4個
end_of_line = lf                    # 檔案換行符是 linux 的 `\n`
charset = utf-8                     # 檔案編碼是 utf-8
trim_trailing_whitespace = true     # 不保留行末的空格
insert_final_newline = true         # 檔案末尾新增一個空行
curly_bracket_next_line = false     # 大括號不另起一行
spaces_around_operators = true      # 運算子兩遍都有空格
indent_brace_style = 1tbs           # 條件語句格式是 1tbs

[*.js]                              # 對所有的 js 檔案生效
quote_type = single                 # 字串使用單引號

[*.{html,less,css,json}]            # 對所有 html, less, css, json 檔案生效
quote_type = double                 # 字串使用雙引號

[package.json]                      # 對 package.json 生效
indent_size = 2                     # 使用2個空格縮排

參考與：https://www.cnblogs.com/puyongsong/p/12509331.html