mac vscode 自定義模版

使用html5 模版時使用  ! + Tab 十分好用,美中不足需要每次重新修改lang,引入css、js。使用下面方法可以創建自己的模版

vscode - 左下角齒輪 - 【用戶代碼片段】,搜索“html.json”,在{}中輸入自己的模版

"Bootstrap":{
		"prefix": "b",        #快捷鍵 類似 !+Tab 中的 !
		"body": [            #模版內容,每一行是一段字符串
			"<!DOCTYPE html>",
			"<html lang=\"zh-CN\">",
			"\t<head>",
			"\t\t<meta charset=\"utf-8\">",    #引號用\轉譯
			"\t\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
			"\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
			"\t\t<title>Document</title>",
			"\t\t<link href=\"\" rel=\"stylesheet\">",
			"\t\t<!-- [if lt IE 9] ->",
			"\t\t<script src=\"https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js\"></script>",
			"\t\t<script src=\"https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js\"></script>",
			"\t\t<!- [endif]-->",
			"\t</head>",
			"\t<body>",
            "\t\t<script type=\"text/javascript\">",
			"\t\t$1",                #$1的位置是創建模版後光標的位置
        	"\t\t</script>",
			"\t</body>",
			"</html>",
		],
		"description": "By unXeer 2020-4-22"   #描述信息
	}

以上 希望對大家有幫助

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章