[vue]vscode自定义vue模板代码

最新推荐文章于 2024-04-26 16:47:03 发布

苦逼的虾

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量314

点赞数

分类专栏： vue 文章标签： vue.js vscode

本文链接：https://blog.csdn.net/qq_33432841/article/details/128361997

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1. 第一步当然是先找位置了，在哪儿来自定义vue模板代码

2.点击”html.json,进入到html.json文件中。输入一下代码并保存。

	"Html5-Vue": {
		"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=\"../js/vue.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模板"
	}

注意事项：上面代码，根据自己的需要，相关路径需要按照自己的路径来。

3. 使用在你新建的文件中，输入 vue 点enter键，就可以使用了。

不后悔过去，不幻想未来，把握好现在，就是对自己最好的交代!!!!!!!!!!!!