vscode 新建vue代码片段

vscode 代码片段添加

  1. 打开用户代码片段
    在这里插入图片描述
  2. 填入代码段文件名
    在这里插入图片描述
  3. 键入一下片段
    在这里插入图片描述
{
	"Print to console": {
		"prefix": "vueinit", //键入前缀
		"body": [
			"<!-- $0 -->", //占位符
			"<template>",
			"  <div></div>",
			"</template>",
			"<script >",
			"export default {",
			"    data() {",
			"      return{",
			"      }",
			"    },",
			"    props:[],",
			"    components: {},",
			"    created() {",
			"    },",
			"    mounted() {",
			"    },",
			"    methods:{",
			"    }",
			"  };",
			"</script>",
			"<style lang='scss' scoped>",
			"</style>",
	],
		"description": "Log output to console"
	}
}
  1. 新建文件后 键入 vueinit

在这里插入图片描述

  1. 回车后代码回显成功
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值