Vscode自定义配置

我的 vscode 使用的插件有

• Live Reload
• Eva Theme(应用了主题 Eva dark)
• CSS Formatter
• open in browser
• Auto Rename Tag
• ……
  

自定义代码片段：

{
	// Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. 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": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"njk if":{
		"prefix":"nji",
		"body": ["{% if ${1:variable} %}",
			"$0",
			"{% endif %"
		],
		"description":"njk if语句"
	},
	"njk if-else":{
		"prefix":"nji",
		"body": ["{% if ${1:variable} %}",
			"$0",
			"{% elif ${2:varibable}",
			"",
			"{% endif %}"
		],
		"description":"njk if-else语句"
	},
	"njk for":{
		"prefix":"njf",
		"body": ["{% for ${1:item} in ${2:items} %}",
			"    $0",
			"{% endfor %}"
		],
		"description":"njk for语句,如果items为空,可添加else语句执行"
	},
	"njk expression":{
		"prefix": "nje",
		"body": "{{ $0 }}",
		"description": "njk 表达式"
	},
	"njk extends":{
		"prefix": "nje",
		"body": "{% extends ${1:path} %}",
		"description": "nunjucks 继承模板"
	},
	"njk include":{
		"prefix": "nje",
		"body": "{% include ${1:path} %}",
		"description": "nunjucks 导入模板"
	},
	"njk block":{
		"prefix": "njb",
		"body": ["{% block ${1:name} %}",
			"$0",
			"{% endblock %}"
		],
		"description": "nunjucks block块"
	},
	"njk macro":{
		"prefix": "",
		"body": "{{ $0 }}",
		"description": "njk 宏,相当于定义一个函数"
	},
	"njk comment":{
		"prefix": "njc",
		"body": "{# $0 #}",
		"description": "nunjucks注释"
	}
}

这些自定义片段是用于 nunjucks 的