码迷,mamicode.com
首页 > 其他好文 > 详细

vscode vue自动生成代码段

时间:2020-07-25 11:34:42      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:pre   自动   style   图片   OLE   console   script   rop   exp   

设置-用户代码片段-搜索vue-点击vue-全选粘贴

{
  "Print to console": {
    "prefix": "vu", //写成自己满意的前缀(name)
    "body": [
      "<template>",
      "  <div></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: ‘‘,",
      "  components: {},",
      "  props: {},",
      "  data () {",
      "    return {}",
      "  },",
      "  computed: {},",
      "  watch: {},",
      "  created () { },",
      "  mounted () { },",
      "  methods: {}",
      "}",
      "</script>",
      "",
      "<style scoped lang=$0>",
      "</style>",
      ""
    ],
    "description": "Log output to console"
  }
}

 效果:

技术图片

 

vscode vue自动生成代码段

标签:pre   自动   style   图片   OLE   console   script   rop   exp   

原文地址:https://www.cnblogs.com/Awchao/p/13375728.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!