Vue代码片段的创建

方式1手动操作

(1)安装扩展
snippet-creator
(2)初始化vue的默认内容
(3)全选文件内容
(4)安装ctrl+shift+p,打开命令面板
(5)输入create snippet
(6)依次输入
vue
emptyVue
emptyVue
空白的vue

方式2直接粘贴以下代码

(成功后,在vue中使用emptyVue就会出现我们写好的代码)

{
	"emptyVue": {
		"prefix": "emptyVue",
		"body": [
			"<template>\r",
			"  <div>\r",
			"\r",
			"  </div>\r",
			"</template>\r",
			"\r",
			"<script>\r",
			"export default {\r",
			"  name: '',\r",
			"  data () {\r",
			"    return {\r",
			"\r",
			"    }\r",
			"  },\r",
			"  components: {},\r",
			"  created () {},\r",
			"  mounted () {},\r",
			"  methods: {\r",
			"\r",
			"  }\r",
			"}\r",
			"</script>\r",
			"\r",
			"<style lang=\"less\" scoped>\r",
			"\r",
			"</style>\r",
			""
		],
		"description": "空白的vue"
	}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值