使用VsCode中的代码片段快速输入常用代码

发布时间: 2024-08-16 10:14:07
作者: zhan

分类标签: 开发工具
阅读数量: 38
评论数量: 0

1. 文件(File) --> 首选项(Preferences) --> 用户片段(User Snippets)

首选项-用户代码片段

2. 选择新建全局代码片段文件(New Global Snippets file)

新建全局代码片段文件(New Global Snippets file)

3. 输入文件名，不要重复

输入文件名

4. 把 html.json里面的代码全部删除；将下面代码复制到html.json

prefix：用于触发代码块

{
	"html": {
		"prefix": "html",
		"body": [
			"<!DOCTYPE html>",
			"<html lang=\"en\">",
			"<head>",
			"  <meta charset=\"UTF-8\">",
			"  <meta name=\"viweport\" content=\"width=device-width, initial-scale=1.0\">",
			"  <title>My Document</title>",
			"</head>",
			"<body>",
				"",
				"",
			"</body>",
			"</html>"
		],
		"description": "HTML code block"
	}
}