Snippets

Intro

Snippets are text templates that you can insert instantly in VS Code by typing a prefix and pressing Tab

Markdown Snippets

markdown.json

{
	"_comment_images": "==================== Image Snippets ====================",
	"Markdown Image with Size": {
		"prefix": "imgsize",
		"body": [
			"<img src=\"${1:}\" alt=\"${2:description}\" width=\"${3:300}\">"
		],
		"description": "Insert an HTML image tag with size attributes for use in Markdown"
	},
 
	"_comment_callouts": "==================== Callout Snippets ====================",
	"Info Callout": {
		"prefix": "infocallout",
		"body": [
			"> [!info] ${1}",
			"> <img src=\"${2:}\" alt=\"${3:.}\" width=\"${4:500}\">",
			">",
			">"
		],
		"description": "Insert an [!info] callout with an image"
	},
	"Info Code Callout": {
		"prefix": "infocode",
		"body": [
			"> [!info]- ${1}"
		],
		"description": "Insert an [!info] callout for code preview"
	},
	"Quote Callout": {
		"prefix": "quotecallout",
		"body": [
			"> [!info] ${1}",
			"> <img src=\"${2:}\" alt=\"${3:.}\" width=\"${4:500}\">",
			">",
			">"
		],
		"description": "Insert an [!quote] callout with an image"
	},
"_comment_codeblocks": "==================== Code Block Snippets ====================",
"Python Code Block": {
  "prefix": "python",
  "body": [
    "```python",
    "$0",
    "```"
  ],
  "description": "Insert a Python code block"
},
"JavaScript Code Block": {
  "prefix": "js",
  "body": [
    "```javascript",
    "$0",
    "```"
  ],
  "description": "Insert a JavaScript code block"
},
"HTML Code Block": {
  "prefix": "html",
  "body": [
    "```html",
    "$0",
    "```"
  ],
  "description": "Insert an HTML code block"
},
"CSS Code Block": {
  "prefix": "css",
  "body": [
    "```css",
    "$0",
    "```"
  ],
  "description": "Insert a CSS code block"
},
"C++ Code Block": {
  "prefix": "cpp",
  "body": [
    "```cpp",
    "$0",
    "```"
  ],
  "description": "Insert a C++ code block"
},
"Blank Code Block": {
  "prefix": "blank",
  "body": [
    "```",
    "$0",
    "```"
  ],
  "description": "Insert a blank code block with no language specified"
}
}