vscode添加Vue代码段

最新推荐文章于 2025-03-28 18:08:08 发布

冯佳兴

最新推荐文章于 2025-03-28 18:08:08 发布

阅读量1k

点赞数 2

分类专栏： Vue

本文链接：https://blog.csdn.net/fjxcsdn/article/details/87297309

版权

Vue 专栏收录该内容

13 篇文章

订阅专栏

1.依次打开 文件→首选项→用户代码片段

2.找到关于HTML的Jason文件

3.将以下代码添加到html.json(HTML)中，并进行CTRL+S 保存

{"vue代码": {
	"prefix": "ve",
	"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<script src=\"https://cdn.jsdelivr.net/npm/vue@2.6.6/dist/vue.js\"></script>",

		"</head>",
		"",
		"<body>",
		"\t<div class=\"container\">",
	 
		"\t</div>",
	 
	 
		"\t<script>",
		" \t\tvar vue = new Vue({",
			"\t\t\tel : '.container',",     
			"\t\t\tdata : {  }," ,         
			"\t\t\tmethods : { }    "  ,   
			"\t\t});",
			"\t</script>",
			"</body>",
			"",
			"</html>"
		]
		}
	}

4.当再次添加Vue.Html界面是，输入ve ，并点击回车键，则出现以下界面：