前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vs code 创建vue模版

vs code 创建vue模版

原创
作者头像
yangdongnan
修改2020-08-18 10:00:20
3340
修改2020-08-18 10:00:20
举报
文章被收录于专栏:日常记录日常记录

ctrl + shift + p

输入 snippets, 新建片段,命名vue, 生成vue.json

粘贴替换

代码语言:txt
复制
{

    // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 

    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:

    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 

    // same ids are connected.

    // Example:

    // "Print to console": {

    //     "prefix": "log",

    //     "body": [

    //         "console.log('$1');",

    //         "$2"

    //     ],

    //     "description": "Log output to console"

  // }

      "Print to console": {

        "prefix": "vue",

        "body": [

          "<template>",

          "  <div class=\"${TM\_FILENAME\_BASE}-wrap\">${TM\_FILENAME\_BASE}</div>",

          "</template>",

          "",

          "<script>",

          "  export default {",

          "    name: '${TM\_FILENAME\_BASE}',",

          "    components: {},",

          "    props: {},",

          "    data() {",

          "      return {};",

          "    },",

          "    watch: {},",

          "    computed: {},",

          "    methods: {},",

          "    created() {},",

          "    mounted() {},",

          "    destroyed() {},",

          "  }",

          "</script>",

          "<style lang=\"scss\"  scoped>",

          "  .${TM\_FILENAME\_BASE}-wrap {",

          "  }",

          "</style>"

        ],

        "description": "A vue file template"

      }

}

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

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

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

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

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