Vscode plug-in

• Auto Close Tag
• Auto Import
• Auto Rename Tag
• Beautify css/sass/scss/less
• Bracket Pair Colorizer
• Highlight Matching Tag
• indent-rainbow
• Chinese (Simplified) Language Pack for Visual Studio Code
• Color Highlight
• Debugger for Chrome
• ES7 React/Redux/GraphQL/React-Native snippets
• ESLint
• Git Blame
• Git Graph
• Git History
• GitLens — Git supercharged
• HTML CSS Support
• Image preview
• Import Cost
• JavaScript (ES6) code snippets
• JS JSX Snippets
• Live Server
• Markdown Preview Enhanced
• npm
• npm Intellisense
• Path Intellisense
• React-Native/React/Redux snippets for es6/es7
• Search node_modules
• Simple React Snippets
• Terminal
• TypeScript Hero
• Typescript React code snippets
• Vetur
• vscode-icons

setting.json

{
  "highlight-matching-tag.highlightSelfClosing": true,
  "highlight-matching-tag.styles": {
    "opening": {
      "left": {
        "custom": {
          "borderWidth": "1px",
          "borderStyle": "solid",
          "borderColor": "#e7ad99",
          "back"
        }
      },
      "right": {
        "custom": {
          "borderWidth": "1px",
          "borderStyle": "solid",
          "borderColor": "#e7ad99",
        }
      },
      "name": {
        "highlight": "rgb(180, 20, 80)"
      }
    }
  },
  "highlight-matching-tag.highlightFromContent": true,
  "javascript.updateImportsOnFileMove.enabled": "never",
  "git.confirmSync": false,
  "diffEditor.ignoreTrimWhitespace": false,
  "bracketPairColorizer.showBracketsInGutter": true
}
Copy the code