vs code 快速生成vue单页面内容

第一步：在vs code中安装好Vetur

image.png

第二步：点击 文件->首选项->用户代码片段，输入vue,打开vue.json文件

image.png

{
    "Print to console": {
        "prefix": "vue",  
        "body": [
            "<template>",
            "  <section>$0</section>",
            "</template>",
            "",
            "<script scoped>",
            "export default {",
            "data(){",
            "return{}",
            "},",
            "components:{}",
            "}",
            "</script>",
            "",
            "<style scoped>",
            "",
            "</style>"
        ],
        "description": "Log output to console"
    }
}

第四步：测试，随便新建一个vue文件，输入vue,右侧可见

image.png

选中

image.png

就会快速生成简单的vue单页面内容
ps:可根据个人习惯，再json文件中再加入其它常用的生命周期函数代码