1. 程式人生 > 實用技巧 >vscode html 自定義模板

vscode html 自定義模板

   "Print to console": {
	 	"prefix": "web",
	 	"body": [
			"<!DOCTYPE html>",
			"<html lang=\"en\">",
			"<head>",
				"\t<meta charset=\"UTF-8\">",
				"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
				"\t<title>Document</title>",
				"\t<link rel=\"stylesheet\" href=\"../css/base.css\">",
			"</head>",
			"<body>",
				 "\r",
			"</body>",
				"\t<script src=\"http://libs.baidu.com/jquery/2.0.0/jquery.min.js\"></script>",
				"\t<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>",
				"\t<script>",
				"\tnew Vue({",
					"\t\tel:'#app',",
					"\t\tdata:{",
						"\r",
					"\t\t},",
					"\t\tbeforeMount:function() {},",
					"\t\tmethds:{}",
				"\t})",
    		"</script>",
			"</html>"
	 	],
	 	"description":"pc"
	 }