在vscode中快速创建vue实例

最新推荐文章于 2024-08-15 19:41:48 发布

weixin_43250628

最新推荐文章于 2024-08-15 19:41:48 发布

阅读量183

点赞数

文章标签： vue.js vscode javascript

本文链接：https://blog.csdn.net/weixin_43250628/article/details/131815057

版权

点击设置==》用户代码片段

在这里插入图片描述
输入JavaScript

输入你的模板
例如 vue 的实例快捷

{
	"Print to console": {
		"prefix": "v1",      //这里的vue是代码指令,你可以随意更改
		"body": [             // body[]中的代码就是 输入vue指令后显示的代码
	    "new Vue({",
	    "    el: '#root',",
	    "    data: {",                     // 这里的引号内的空, 是为了添加 空行
	    "    }",
	    "})",
	    "$1",                    // 这里的$1 作用是添加空行
		],
		"description": "Log output to console"
	}
}

实际应用场景
输入v1 在这里插入图片描述
然后按回车