VScode创建用户代码块

最新推荐文章于 2024-09-06 09:40:59 发布

锄禾

最新推荐文章于 2024-09-06 09:40:59 发布

阅读量449

点赞数

分类专栏：工具文章标签： VScode

本文链接：https://blog.csdn.net/qq_34816402/article/details/103472683

版权

工具专栏收录该内容

0 篇文章 0 订阅

订阅专栏

VScode创建用户代码块——用于快速搭建demo模板

JQ

{
	"Generate the jq file template": {
		"prefix": "jq",
		"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<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">"
			"\t<title>Document</title>"
			"\t<link href=\"https://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css\" rel=\"stylesheet\"/>"
			"\t<script src=\"https://cdn.bootcss.com/jquery/1.12.0/jquery.min.js\"></script>"
			"</head>"
			"<body>\n"
			"</body>"
			"<script>"
			"\t$(function(){\n"
			"\t})"
			"</script>"
			"</html>"
		],
		"description": "Generate the jq file template"
	}
}

vue

{
	"Generate the vue file template": {
		"prefix": "vue",
		"body": [
			"<!DOCTYPE html>",
			"<html lang=\"zh-CN\">\n",
			"<head>",
			"\t<meta charset=\"UTF-8\">",
			"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
			"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
			"\t<title>Document</title>",
			"\t<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>",
			"\t<script src=\"https://cdn.bootcss.com/vue-resource/1.3.5/vue-resource.min.js\"></script>",
			"</head>\n",
			"<body>",
			"\t<div id=\"app\">$1</div>\n",
			"\t<script>",
			"\t\tvar vm = new Vue({",
			"\t\t\tel: '#app',",
			"\t\t\tdata: {},",
			"\t\t\tmethods: {}",
			"\t\t});",
			"\t</script>",
			"</body>\n",
			"</html>"
		],
		"description": "快速创建在html5编写的vue模板"
	}
}