Vscode configuration user code snippet (including deletion method)

One . Configure user code snippets

1. open vscode, Set the icon in the lower left corner ：

2. Click new global code fragment

3. Give a name , Be free to , But it's best to make it clear that this is the overall situation snippets, So my name is global.

4. Then come to the configuration interface

{
    
	// Place your  overall situation  snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
	// Placeholders with the same ids are connected.
	// Example:
	// "Print to console": {
    
	// "scope": "javascript,typescript",
	// "prefix": "log",
	// "body": [
	// "console.log('$1');",
	// "$2"
	// ],
	// "description": "Log output to console"
	// }
	" Arrow function ": {
    
	 // This is the name of the shortcut , For example, you input rr Press again tab It will show body Content set in 
		"prefix": "rr", 
	// Set the code snippet here , The format is as follows , In the middle of the $ Usage means that the cursor will move here after creation 
	// $1 $2 $3  It means order , Press tab Then it will jump to the corresponding position 
		"body": [
			"const $1 =（$2） =>{ ",
			"$3",
			"}"
		],
		"description": " Create shortcuts to arrow functions "
	},
	" Double flower brackets ": {
    
		"prefix": "sk",
		"body": [
			"{
    { $1 }} ",
		],
		"description": " Create a shortcut to double curly braces "
	}
}

5 . You can configure your favorite code snippets for efficient development , This is completely free .

Two . Delete user code snippets

Manual deletion required , Because this file is on your computer .（ As for the default path, I won't post it , because mac and windows The paths are different ）, But there are the following general shortcuts .

In general , stay vscode You can see the configuration file path above , Here's the picture .

If it's not shown , Remember in vscode Find it on the top see .


Check the display navigation trace , You can know the path .
however , There is a shortcut , You can find it in the resource manager without knowing the path .
vscode Open the to be deleted snippets file , Right click on the file name .

mac Choice in finder（ Display during visit ）,windows Select open in file explorer , You can quickly locate the file , Then delete it .

Last , If it's helpful, just like it .

Recommend similar articles ：
https://juejin.cn/post/6844903869424599053