Vs Code config json

{
    "files.autoSave": "onWindowChange",
    "files.eol": "\n",
    "workbench.iconTheme": "material-icon-theme",
    "todo-tree.tree.showScanModeButton": false,
    "workbench.settings.editor": "",
    "todo-tree.general.tags": [
        "TODO:",
        "FIXME:"
    ],
    "todo-tree.highlights.defaultHighlight": {
        "gutterIcon": true
        },
    "todo-tree.highlights.customHighlight": {   
        "TODO:": {
            "foreground": "#fff",
            "background": "#ffbd2a",
            "iconColour": "#ffbd2a"
        },
        "FIXME:": {
            "foreground": "#fff",
            "background": "#f06292",
            "icon": "flame",
            "iconColour": "#f06292"
        }
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[less]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[scss]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[markdown]": {
        "editor.defaultFormatter": "yzhang.markdown-all-in-one"
    },
    "[yaml]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "gitlens.gitCommands.closeOnFocusOut": true,
    "git.enableSmartCommit": true,
    "gitlens.advanced.messages": {
        "suppressGitVersionWarning": true
    },
    "workbench.colorTheme": "Monokai Dimmed",
    "explorer.confirmDelete": false,

    "leek-fund.showEarnings": 1,
    "window.zoomLevel": 1,
    "diffEditor.ignoreTrimWhitespace": false,
    "css.enabledLanguages": [
        "html"
    ],
    "eslint.codeAction.showDocumentation": {
    
    
        "enable": true
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      },
    "[typescriptreact]": {
      "editor.defaultFormatter": "dbaeumer.vscode-eslint"
    },
    "[typescript]": {
      "editor.defaultFormatter": "dbaeumer.vscode-eslint"
    },
    "eslint.format.enable": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "auto-close-tag.activationOnLanguage": [
    
        "xml",
        "php",
        "blade",
        "ejs",
        "jinja",
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact",
        "plaintext",
        "markdown",
        "vue",
        "liquid",
        "erb",
        "lang-cfml",
        "cfml",
        "HTML (EEx)",
        "HTML (Eex)",
        "plist"
    ],
}

• 包含vue配置,react配置以及根据eslint自动校验代码的配置
• 需要配合vscode extentions使用 目前安装的插件有:

  Auto Close Tag
  Auto Rename Tag
  Bracket Pair Colorizer // 括号颜色
  Code Spell Checker // spelling checker for source code
  Color Picker
  Debugger for Chrome
  ES7 React/Redux/GraphQL/React-Native snippets // Simple extensions for react 
  ESLint
  gitignore //git config
  HTML CSS Support 
  JavaScript(ES6) code snippets // code snippets for javascript in ES6 syntax for Vs Code supports boths js and ts
  LeetCode // for interview
  Live Server // Launch a development local Server with live reload for static html
  Markdown All in One // for readme.md
  Material Icon Theme 
  node-snippets
  Prettier - Code formatter // code formatter for eslint config
  Todo Tree
  Vetur // VUE tooling  for Vs Code

• 新公司项目使用tslint,新增tslint自动保存格式化配置

vscode settings.json 添加配置

 "editor.formatOnSave":true,  // 新增
   "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.tslint": true // 新增
  },

新增拓展插件：

TSLint // microsoft 版, 新项目建议使用eslint, tslint官方2019年宣布废弃了

改完配置记得重启

Keep a configurition record for reference