vue设置快速创建vue页面,手动添加vue页面模板

2 篇文章 0 订阅

在使用vue创建页面时,如果你想快速创建一个你喜欢的完整vue页面模板,就请手指动起来==>

1.首先在头部导航部分找到文件

文件(F)-->首选项-->文件代码片段-->(搜索)vue.json文件

然后在vue.json页面里添加以下代码(有需要可自行删改):

{
	"Print to console": {
	  "prefix": "vue",
	  "body": [
		"<!-- $0 -->",
		"<template>",
		"  <div></div>",
		"</template>",
		"",
		"<script>",
		"export default {",
		"name:'',",
		"  data () {",
		"    return {",
		"    };",
		"  },",
		"",
		"  components: {},",
		"",
		"  computed: {},",
		"",
		"  mounted: {},",
		"",
		"  created() {},",
		"",
		"  methods: {}",
		"}",
		"",
		"</script>",
		"<style lang='less' scoped>",
		"</style>"
	],
	  "description": "Log output to console"
	}
  }

最后刷新一下,自己重新创建一个vue页面,只要输入"vue",然后回车就创建出你所设置好的vue页面模板啦~

 

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值