vscode生成vue代码片段

最新推荐文章于 2023-11-12 17:00:03 发布

是草莓味的啊

最新推荐文章于 2023-11-12 17:00:03 发布

阅读量108

点赞数

分类专栏：安装配置文章标签： Vue.js HTML 模板代码片段前端开发

本文链接：https://blog.csdn.net/weixin_43908649/article/details/120550387

版权

安装配置专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在这里插入图片描述

# 这里是vue-html.code-snippets文件的代码
{	
	"vue html": {
		"scope": "html",
		"prefix": "vuehtml",      //这个配置项表示，在页面中输入vuehtml就会出现这个vue模板
		"body": [
			"<!DOCTYPE html>",
			"<html lang=\"en\">",
			"",
			"<head>",
			"   <meta charset=\"UTF-8\">",
			"   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
			"   <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
			"   <title>Document</title>",
			"</head>",
			"",
			"<body>",
			"   <div id=\"app\">",
			"",
			"   </div>",
			"   <script src=\"./vue.min.js\"></script>",
			"   <script>",
			"       new Vue({",
			"           el:'#app',",
			"           data:{",
			"               $1",	
			"           }",
			"       })",
			"   </script>",
			"</body>",
			"",
			"</html>",
		],
		"description": "my vue template in html"
	}
}

在这里插入图片描述

是草莓味的啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vscode生成vue代码片段

# 这里是vue-html.code-snippets文件的代码{ "vue html": { "scope": "html", "prefix": "vuehtml", //这个配置项表示，在页面中输入vuehtml就会出现这个vue模板 "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "", "<head>", " <meta charset=\.
复制链接

扫一扫

专栏目录