vscode hbuilder 自定义设置html代码块vue代码块

最新推荐文章于 2024-06-25 00:48:39 发布

想快快长大

最新推荐文章于 2024-06-25 00:48:39 发布

阅读量3k

点赞数 2

分类专栏： vue.js

本文链接：https://blog.csdn.net/qq_41812254/article/details/98171330

版权

vue.js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

相信大家在学习vue的时候新建一个html页面很痛苦需要手打模板多麻烦呀咱们直接设置代码块复制直接用

{
	"vue html": {
        "prefix": "vh",
        "body": [
			"<!DOCTYPE html>",
			"<html>",
			"\t<head>",
			"\t<meta charset=\"utf-8\">",
			"\t<title>vue html demo</title>",
			"\t<script src=\"./lib/vue-2.4.0.js\"></script>",
			"\t</head>",
			"\t<body>",
			"\t\t<div id=\"app\">",
			"\t\t</div>",
			"\t\t<script>",
			"\t\t\tnew Vue({",
			"\t\t\t\tel: '#app',",
			"\t\t\t\tdata: {\n",
			"\t\t\t\t},",
			"\t\t\t\tmethods:{\n",
			"\t\t\t\t}",
			"\t\t\t})",
			"\t\t</script>",
			"\t</body>",
			"</html>"
        ],
        "description": "The full sample code - hello world."
    }
}

代码图