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

在vscode中快速生成vue模板

时间:2018-02-03 22:03:54      阅读:3442      评论:0      收藏:0      [点我收藏+]

标签:put   .com   efault   代码片段   cdc   one   css   space   选项   

点击文件-->首选项-->用户代码片段-->输入vue,此时会打开vue.json文件,将下列代码复制进文件保存即可,新建一个vue文件,输入vue回车即可生成模板,$0表示生成模板后,光标所在位置。

技术分享图片

 

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

在vscode中快速生成vue模板

标签:put   .com   efault   代码片段   cdc   one   css   space   选项   

原文地址:https://www.cnblogs.com/JhonFlame/p/8410679.html

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