1. 程式人生 > 實用技巧 >vscod儲存時自動化格式規範配置

vscod儲存時自動化格式規範配置

公司新電腦裡面新下載的vscode,配置起來真的很麻煩,記錄一下下次直接複製貼上
{
    "files.associations": {
        "*.vue": "vue"
    },
    "workbench.colorTheme": "Quiet Light",
    "git.ignoreMissingGitWarning": true,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "merge-conflict.autoNavigateNextConflict.enabled": true,
    "vetur.validation.template": false,
    "editor.fontSize": 14,
  "eslint.enable": true, //是否開啟vscode的eslint
  "eslint.autoFixOnSave": true, //是否在儲存的時候自動fix eslint
  "editor.formatOnSave": true, // #每次儲存的時候自動格式化
  "eslint.options": { //指定vscode的eslint所處理的檔案的字尾
    "extensions": [
      ".js",
      ".vue",
      ".ts",
      ".tsx"
    ]
  },
  "eslint.validate": [ //確定校驗準則
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "typescript",
      "autoFix": true
    },
    {
      "language": "typescriptreact",
      "autoFix": true
    }
  ],
  "workbench.sideBar.location": "left"
}

開啟vscode使用者設定(setting.json)直接複製貼上進去儲存重新開啟