具體方法如下：

文件 -> 首選項(xiàng) -> 設(shè)置 -> {}

在右側(cè)用戶設(shè)置中可以對(duì)當(dāng)前編輯器默認(rèn)的進(jìn)行更改

下面的復(fù)制到用戶設(shè)置中, ctrl + s 即可完成對(duì)代碼的規(guī)范。

{     // vscode默認(rèn)啟用了根據(jù)文件類型自動(dòng)設(shè)置tabsize的選項(xiàng)    "editor.detectIndentation": false,    // 重新設(shè)定tabsize    "editor.tabSize": 2,    // #每次保存的時(shí)候自動(dòng)格式化     "editor.formatOnSave": true,    // #每次保存的時(shí)候?qū)⒋a按eslint格式進(jìn)行修復(fù)    "eslint.autoFixOnSave": true,    // 添加 vue 支持    "eslint.validate": [        "javascript",        "javascriptreact",        {            "language": "vue",            "autoFix": true        }    ],    //  #讓prettier使用eslint的代碼格式進(jìn)行校驗(yàn)     "prettier.eslintIntegration": true,    //  #去掉代碼結(jié)尾的分號(hào)     "prettier.semi": false,    //  #使用帶引號(hào)替代雙引號(hào)     "prettier.singleQuote": true,    //  #讓函數(shù)(名)和后面的括號(hào)之間加個(gè)空格    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,    // #這個(gè)按用戶自身習(xí)慣選擇     "vetur.format.defaultFormatter.html": "js-beautify-html",    // #讓vue中的js按編輯器自帶的ts格式進(jìn)行格式化     "vetur.format.defaultFormatter.js": "vscode-typescript",    "vetur.format.defaultFormatterOptions": {        "js-beautify-html": {            "wrap_attributes": "force-aligned"            // #vue組件中html代碼格式化樣式        }    },    // 格式化stylus, 需安裝Manta's Stylus Supremacy插件    "stylusSupremacy.insertColons": false, // 是否插入冒號(hào)    "stylusSupremacy.insertSemicolons": false, // 是否插入分好    "stylusSupremacy.insertBraces": false, // 是否插入大括號(hào)    "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否換行    "stylusSupremacy.insertNewLineAroundBlocks": false // 兩個(gè)選擇器中是否換行 }

相關(guān)教程推薦：vscode教程