Summary of common knowledge of vscode

Time:2020-8-1

Vscode (Visual Studio code) is a free and open source cross platform text (code) editor developed by Microsoft, which is almost perfect software development tool for front-end development.

1. Vscode Download

Vscode download link: https://code.visualstudio.com/

2. Vscode Sinicization

在这里插入图片描述

3. Vscode common plug-ins(the installation steps are the same as those in Chinese)

3.1 auto close tag

在这里插入图片描述

3.2 auto rename tag

在这里插入图片描述

3.3 beautify (format HTML, JS, CSS)

在这里插入图片描述

3.4 bracket pair colorizer

在这里插入图片描述

3.5 debugger for Chrome

在这里插入图片描述

3.6 eslint (JS syntax error correction, user-defined configuration)

在这里插入图片描述

3.7 gitlens

在这里插入图片描述

3.8 HTML CSS support (smart prompt CSS class name and ID)

在这里插入图片描述

3.9 HTML snippets

在这里插入图片描述

3.10 JavaScript (ES6) code snippets

在这里插入图片描述

3.11 jQuery code snippets

在这里插入图片描述

3.12 markdown preview enhanced

在这里插入图片描述

3.13 markdownlint

在这里插入图片描述

3.14 material icon theme (vscode icon theme)

在这里插入图片描述

3.15 icon fonts

在这里插入图片描述

3.16 open in browser

在这里插入图片描述

3.17 path IntelliSense

在这里插入图片描述

3.18 react / Redux / react router snippets

在这里插入图片描述

3.19 vetur (Vue multi function integrated plug-in, error prompt, etc.)

在这里插入图片描述

3.20 class autocomplete for HTML

在这里插入图片描述

3.21 NPM IntelliSense (package prompt when required)

在这里插入图片描述

4. Vscode shortcut key

4.1 the left side is the key, and the right side is the function (the same below)

在这里插入图片描述

4.2 basic editing

在这里插入图片描述

4.3 navigation

在这里插入图片描述

4.4 search and replace

在这里插入图片描述

4.5 multi cursor and selection

在这里插入图片描述

4.6 language editing

在这里插入图片描述

4.7 editor management

在这里插入图片描述

4.8 document management

在这里插入图片描述

4.9 display

在这里插入图片描述

4.10 commissioning

在这里插入图片描述

4.11 integrated terminal

在这里插入图片描述

This article about vscode common knowledge summary article introduced here, more related vscode summary content please search previous articles of developeppaer or the following related articles, I hope you can support developeppaer more in the future!