设置vscode代码片段

最新推荐文章于 2023-09-02 23:08:03 发布

scdli

最新推荐文章于 2023-09-02 23:08:03 发布

阅读量101

点赞数

分类专栏： vscode

本文链接：https://blog.csdn.net/pooii2006/article/details/109695353

版权

vscode 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

设置vscode代码片段

点击左下角设置按钮
点击菜单中的用户代码片段
点击新代码片段，输入名称。比如我想新建一个vue的模板，输入vt后点击回车按钮
在{}内输入以下代码格式，按钮上面的注释即可

"Print to console": {
		"scope": "javascript,typescript",
		"prefix": "log",
		"body": [
			"console.log('$1');"
		],
		"description": "Log output to console"
	},
	"H5 Template": {
		"prefix": "ht",
		"body": [
			"<!doctype html>",
			"<html>",
			"<head>",
			"<meta charset='UTF-8'>",
			"<meta http-equiv='X-UA-Compatible' content='IE=edge'>",
			"<meta name='viewport' content='width=device-width, initial-scale=1.0'>",
			"<title>Document</title>",
			"<style>",
			"html,body{width:100%;height:100%;margin:0;padding:0}",
			"</style>",
			"</head>",
			"<body>",
			"<div>",
			"</div>",
			"</body>",
			"</html>",
		],
		"description": "H5代码模板"
	},
	"Vue Template": {
		"prefix": "vt",
		"body": [
			"<template>",
			"<div>",
			"</div>",
			"</template>",
			"<script>",
			"export default { name:'',data(){ return {}},created(){},mounted(){},methods:{} }",
			"</script>",
			"</script>",
			"<style></style>",
			"<style scoped></style>"
		],
		"description": "Vue代码模板"
	}
}

保存即可

scdli

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
设置vscode代码片段

设置vscode代码片段点击左下角设置按钮点击菜单中的用户代码片段点击新代码片段，输入名称。比如我想新建一个vue的模板，输入vt后点击回车按钮在{}内输入以下代码格式，按钮上面的注释即可"Vue template":{ "prefix"：“vt”,//快捷键 "body":[ "<template></template>", "<script></script>", "<style></st
复制链接

扫一扫