关于vs code 快速生成vue 模板

2018-12-27 07:42:07来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

在 文件>首选项>用户代码片断里面,打开vue.json 添加以下代码:

    "Print to console": {
        "prefix": "vue",
        "body": [
            "<style>",
            "/* pageFullScreen在index.css */",
            "#xxxFullScreen {",
            "background-color: #eee;",
            "} \n",
            "</style>",
            "<template>",
            "    <div class=\"pageFullScreen\" id=\"xxxFullScreen\">\n",
            "    </div>",
            "</template>",
            "<script>",
            "export default {",
            "   data() {",
            "      return {",
            "      }",
            "   },",
            "   activated() {",
            "   }",
            "}",
            "</script>",
            "$2"
        ],
        "description": "Log output to console"
    }

在vs里面新建文件加上.vue后缀之后打vue 按tab键就自动生成 了

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:前端项目中常用es6知识总结 -- 箭头函数及this指向、尾调用优化

下一篇:分页功能的简单实现。使用模板引擎