前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vscode 生成vue片段模板

vscode 生成vue片段模板

原创
作者头像
jade_
修改2021-04-25 17:52:28
1.7K0
修改2021-04-25 17:52:28
举报
文章被收录于专栏:web前端记录

1、点击【文件】---【首选项】---【用户代码片段】

2、新建或修改vue.json

3、将下列代码粘贴上去(可根据自己需要添加/删除)

{

"Print to console": {

"prefix": "vue",

"body": [

"<template>",

"  <div>\n",

"  </div>",

"</template>\n",

"<script lang='ts'>",

"import { Component, Vue } from 'vue-property-decorator';",

"import { State, Mutation, Action } from 'vuex-class'",

"@Component",

"export default class Layout extends Vue {",

"    mounted() {\n",

"    }",

"};",

"</script>\n",

"<style scoped lang=\"${1:scss}\">\n",

"</style>\n"

    ],

"description": "Create vue template"

  }

}

4、成功后,创建一个vue空白文件,输入vue3, 按tab键,即可生成vue片段模板。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档