VUE代码片段

最新推荐文章于 2024-05-27 16:14:44 发布

starcpdk微信～

最新推荐文章于 2024-05-27 16:14:44 发布

阅读量3.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_44735933/article/details/106912448

版权

前端专栏收录该内容

41 篇文章 0 订阅

订阅专栏

在vscode中创建代码片段
在这里插入图片描述

起一个后缀名为.code-snippets的文件名

我起的名字为vue-html.code-snippets

vue htm 即为代码生成的快捷键

{
		"vue htm": {
			"scope": "html",
			"prefix": "vuehtml",
			"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"
		}
	}

starcpdk微信～

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
VUE代码片段

在vscode中创建代码片段起一个后缀名为.code-snippets的文件名我起的名字为vue-html.code-snippetsvue htm 即为代码生成的快捷键{ "vue htm": { "scope": "html", "prefix": "vuehtml", "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "", "<head>",
复制链接

扫一扫