vue2初始化代码快捷生成自定义配置

DLGDark

已于 2023-02-21 18:42:45 修改

阅读量329

点赞数 1

分类专栏： vue 文章标签： javascript 前端 vue.js vue2快捷生成配置 vscode自定义配置

于 2023-02-21 12:36:09 首次发布

本文链接：https://blog.csdn.net/DLGDark/article/details/129140365

版权

vue 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

具体操作按照下面图示顺序进行配置即可：

1.找到如下图所示位置点击

vscode设置
2.如下图示配置文件，如没有，则新建即可

用户代码片段

3.配置代码如下所示

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"\t<div></div>",
			"</template>",
			"",
			"<script>",
			"",
			"export default {",
			"\tname: \"\",",
			"\tcomponents: {},",
			"\tdata() {",
			"\t\treturn {};",
			"\t},",
			"\tcreated() {},",
			"\tmounted() {},",
			"\tmethods: {},",
			"}",
			"</script>",
			"",
			"<style lang='scss' scoped>",
			"$2",
			"</style>"
		],
		"description": "Log output to console"
	}
}