VSCode on some of the common plug-ins and some commonly used settings

Common plug-ins:

. 1 .Beautify: formatting HTML, JS, CSS
 2 .Bracket Pair Colorizer: adding a different color to the bracket, to facilitate the distinction between the different blocks, the user can define different bracket types and colors
 . 3 .Debugger for the Chrome: mapping vscode breakpoints on to the chrome, convenient debugging
 4 .HTML CSS Support: smart tips CSS class names as well as the above mentioned id 
 5 .HTML Snippets: smart tips HTML tags and labels meaning
 6 .JavaScript (ES6) code Snippets: ES6 intelligent grammar tips, and fast input, not only support .js, supports .ts, .jsx, .tsx, .html, .vue, eliminating the need to configure it to support a variety of time code file contains js
 7 .open in Browser: unlike VSCode Like IDE can open html directly in the browser, and the plug-in supports keyboard shortcuts and right mouse button to quickly open the html file in a browser, support for custom open the specified browsers, including: Firefox, Chrome, Opera, IE and Safari
 8 .Path Intellisense: automatic prompting for file path, file supports a variety of rapid introduction of
 9.Vetur: Vue multi-functional integrated plug-ins, including: syntax highlighting, smart tips, emmet, error messages, formatting, auto-completion, debugger. vscode official Imperial Vue plug-in, Vue developer necessary.

Common setting (tab completion tag)

1. Install HTML Snippets plug-ins, and then File - Preferences - Set inside to find files.associations, open the Edit in setting.json, add the following code:

 "files.associations": {
        "*.ejs": "html",
        "*.js": "html",
        "*.vue": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "vue-html": "html",
        "Sight": "html"
    }

2. often do not pay attention when installing just the next step, forget check the "Open with VSCode" option, so in the project folder on the right will not see the prompt to open the project in vscode, so do the following settings like

2.1 First easily build a txt file, such as 123.txt, copy the following to the inside

Windows Registry Editor Version 5.00 

; Open files 
[HKEY_CLASSES_ROOT\*\shell\Open with VS Code] 
@="Edit with VS Code" 
"Icon"="D:\\Microsoft VS Code\\Code.exe,0" 

[HKEY_CLASSES_ROOT\*\shell\Open with VS Code\command] 
@="\"D:\\Microsoft VS Code\\Code.exe\" \"%1\"" 

; This will make it appear when you right click ON a folder 
; The "Icon" line can be removed if you don't want the icon to appear 

[HKEY_CLASSES_ROOT\Directory\shell\vscode] 
@="Open with VSCode" 
"Icon"="\"D:\\Microsoft VS Code\\Code.exe\",0" 

[HKEY_CLASSES_ROOT\Directory\shell\vscode\command] 
@="\"D:\\Microsoft VS Code\\Code.exe\" \"%1\"" 

; This will make it appear when you right click INSIDE a folder 
; The "Icon" line can be removed if you don't want the icon to appear 

[HKEY_CLASSES_ROOT\Directory\Background\shell\vscode] 
@="Open with VSCode" 
"Icon"="\"D:\\Microsoft VS Code\\Code.exe\",0" 

[HKEY_CLASSES_ROOT\Directory\Background\shell\vscode\command] 
@="\"D:\\Microsoft VS Code\\Code.exe\" \"%V\""
D:\\Microsoft VS Code\\Code.exe,0" 

[HKEY_CLASSES_ROOT\*\shell\Open with VS Code\command] 
@="\"D:\\Microsoft VS Code\\Code.exe\" \"%1\"" 

; This will make it appear when you right click ON a folder 
; The "Icon" line can be removed if you don't want the icon to appear 

[HKEY_CLASSES_ROOT\Directory\shell\vscode] 
@="Open with VSCode" 
"Icon"="\"D:\\Microsoft VS Code\\Code.exe\",0" 

[HKEY_CLASSES_ROOT\Directory\shell\vscode\command] 
@="\"D:\\Microsoft VS Code\\Code.exe\" \"%1\"" 

; This will make it appear when you right click INSIDE a folder 
; The "Icon" line can be removed if you don't want the icon to appear 

[HKEY_CLASSES_ROOT\Directory\Background\shell\vscode] 
@="Open with VSCode" 
"Icon"="\"D:\\Microsoft VS Code\\Code.exe\",0" 

[HKEY_CLASSES_ROOT\Directory\Background\shell\vscode\command] 
@="\"D:\\Microsoft VS Code\\Code.exe\" \"%V\""

2.2 then the inside of the D: \\ Microsoft VS Code \\ Code.exe \ Road King to your local installation vscode Road King, and then replace the complete change 123.txt extension .reg

2.3 Finally 123.reg file in vscode installation directory (note that the same level and Code.exe), for example, I installed the D drive

After the expiry of the right you can see the open in VSCode in a prompt, convenient and a lot ha ha

VSCode on some of the common plug-ins and some commonly used settings

Guess you like