VSCode 小技巧:建立vue文件时,自动生成vue文件模板内容

1:打开vscode,在菜单栏中选择 文件 / 首选项 / 用户代码片断

2:点击新建全局代码片断文件 

3:输入vue.json

此时是这个样子:

4:在文件 这里面输入自定义的一段vue模板代码,把下面这段复制到vue.json的{ }里面

        "Print to console": {
            //前缀  这个vue就是每次快速找到这个模块的关键
		    "prefix": "vue",
            // 输出内容
		    "body": [
		      "<template>",
		      "  <div></div>",
		      "</template>",
		      "",
		      "<script>",
		      "export default {",
		      "  data () {",
		      "    return {}",
		      "  },",
		      "  methods: {},",
		      "}",
		      "</script>",
		      "",
		      "<style scoped>",
		      "</style>",
		      ""
		    ],
            // 描述
		    "description": "A vue file template"
		  }

5:新建一个vue文件,输入前缀vue(这个是上面自己设置的),按tab键,或者回车键,就能够建立一个自定义模板的vue文件了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值