当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 关于vs code 快速生成vue 模板

关于vs code 快速生成vue 模板

2018年12月27日  | 移动技术网IT编程  | 我要评论

在 文件>首选项>用户代码片断里面，打开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键就自动生成 了

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网