1.Turbo Console Log

 usage ： First select the content to be printed ==>ctrl+alt+L==> Print out what needs to be printed 
console.log("throttle -> fn", fn)

2.Auto Rename Tag

<div></div>  
 Modify the previous label   The following automatic changes div==>a 
 <a></a>

3.Prettier - Code formatter

      Automatic code alignment 
    "editor.formatOnSave": true,

4.document this

two ctrl + alt + D perhaps /** You will be prompted to use document

/** * * * @param {*} fn * @param {*} gapTime * @return {*} */
function throttle(fn, gapTime) {
       
}
  /** * @description * @param {*} aa */
function dd(aa){
    

}
   /** @type {*} */
  
var evtFuncs = {
    
        buttonClick: function(evt) {
    
			if (evt.data.type == "ok") {
    
				that.hide("ok");
			}
},

5.Chinese (Simplified) Language Pack for Visual Studio Code

 Transfer to Chinese version -- Chinese language pack 

7.vscode-fileheader

ctrl+alt+i The comment file appears at the top of the file

 stay  .vscode   Add   settings.json
{
    "fileheader.Author": "wangjigen",
    "fileheader.LastModifiedBy": "wangjigen"
}    
 Use  ctrl+alt+i

8. jsdoc

/**
* describe
* @author wangjigen
* @date 2022-04-02
* @param {object} e
* @returns {any}
*/

Shortcut key

ctrl+p  Search file name \
ctrl+2  New window 
ctrl+J  Switching terminals 

9.Color Highlight

– Highlight colors in code
css The colors are displayed

10.Highlight Matching Tag

– Highlight the matching label

11.indent-rainbow

– Rainbow indent hint

12.Path Autocomplete

– Path auto completion

  //  Whether to carry the extended name of the file when importing the file 
    "path-autocomplete.extensionOnImport": true,
    //  To configure @ Path hint for 
    "path-autocomplete.pathMappings": {
    
        "@": "${folder}/src"
    }

settings.json

Project construction .vscode Folder
build settings.json

{
    
	"typescript.tsdk": "node_modules/typescript/lib",
	"typescript.enablePromptUseWorkspaceTsdk": true,
	  //  Whether to carry the extended name of the file when importing the file 
    "path-autocomplete.extensionOnImport": true,//Path Autocomplete
    //  To configure @ Path hint for 
    "path-autocomplete.pathMappings": {
    //Path Autocomplete
        "@": "${folder}/src"
    },
     "vetur.validation.interpolation": false,
    "vetur.underline.refValue": false,
    "fileheader.Author": "wangjigen",//vscode-fileheader
    "fileheader.LastModifiedBy": "wangjigen",//vscode-fileheader
    "docthis.includeDescriptionTag": true,//document this
    "editor.formatOnSave": true,//Prettier - Code formatter
      "editor.fontLigatures": false,
    "typescript.tsdk": "node_modules/typescript/lib"
}

View the whole body of the current file

Clear away all console.log()

console\.log\(.*?\)