Vscode常用插件整理

Auto Close Tag

自动闭合标签

Auto Rename Tag

重命名标签时，闭合标签也会被重命名

Beautify

美化代码

Beautify css/sass/scss/less

美化样式

Bracket Pair Colorizer

用不同的颜色标识不同的括号，方便括号的识别

Error Gutters

在异常代码行前面标记X号，方便查找错误

Eslint

Git History

查看Git历史记录

GitLens

在数据点击的地方显示代码修改的日志

Indenticator

对代码缩进进行突出标记，方便查看缩进

Markdown Preview Enhanced

预览Markdown

SynthWave '84

一款比较好看的主题皮肤

TODO Highlight

对TODO: 进行高亮

vscode-ast

在vscode中查看代码ast结构

vscode-icons

给文件添加图标

vscode setting配置

{
  "editor.fontSize": 16,
  "workbench.colorTheme": "SynthWave '84",
  "terminal.integrated.fontSize": 16,
  "debug.console.fontSize": 16,
  "markdown.preview.fontSize": 16,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "typescript",
      "autoFix": true
    },
    {
      "language": "typescriptreact",
      "autoFix": true
    }
  ],
  "terminal.integrated.shell.windows": "C:\\windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
  "window.zoomLevel": 0,
  "editor.tabSize": 2,
  "[javascript]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "[json]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "[scss]": {
    "editor.defaultFormatter": "michelemelluso.code-beautifier"
  },
  "terminal.integrated.rendererType": "dom",
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[css]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "javascript.implicitProjectConfig.checkJs": true,
  "json.schemas": [
    {
      "fileMatch": [
        "/.babelrc"
      ],
      "url": "http://json.schemastore.org/babelrc"
    },
    {
      "fileMatch": [
        "lerna.json"
      ],
      "url": "http://json.schemastore.org/lerna.json"
    },
    {
      "fileMatch": [
        "/.huskyrc"
      ],
      "url": "http://json.schemastore.org/huskyrc"
    },
    {
      "fileMatch": [
        "/.csslintrc"
      ],
      "url": "http://json.schemastore.org/csslintrc"
    },
    {
      "fileMatch": [
        ".eslintrc"
      ],
      "url": "http://json.schemastore.org/eslintrc"
    },
    {
      "fileMatch": [
        ".htmlhintrc"
      ],
      "url": "http://json.schemastore.org/htmlhint"
    },
    {
      "fileMatch": [
        "jsconfig.json"
      ],
      "url": "http://json.schemastore.org/jsconfig"
    },
    {
      "fileMatch": [
        ".prettierrc"
      ],
      "url": "http://json.schemastore.org/prettierrc"
    },
    {
      "fileMatch": [
        ".travis.yml"
      ],
      "url": "http://json.schemastore.org/travis"
    },
    {
      "fileMatch": [
        ".lintstagedrc"
      ],
      "url": "http://json.schemastore.org/lintstagedrc.schema"
    }
  ],
  "[jsonc]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  }
}