zoukankan      html  css  js  c++  java
  • 快速生成vue模板的设置

    我们在使用vue编程的时候,总会写上vue的固定模板,所以此方法是快速生成vue模板的方法

    我们使用的编程软件是Visual Studio Code,

    1、我们需要先安装一个插件

     2、新建代码片段

    文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定

     此时编程区域上面会出现如图情况,在输入框输入---->vue.json    此时会打开一个文件

     进入到如图页面以后,复制下面代码到如上图对应位置

    "Print to console": {
            "prefix": "vue",
            "body": [
                "<template>",
                "    <div> ",
                "    </div>",
                "</template>",
                "<script>",
                "export default {",
                "   data() {",
                "      return {",
                "      }",
                "   },",
                "   created(){",
                "   },",
                "   computed:{",
                "   },",
                "   methods:{",
                "   },",
                "}",
                "</script>",
                "<style lang="scss" scoped> ",
                "</style>",
                "$2"
            ],
            "description": "Log output to console"
        }
     
     
    完成以后记得保存重启哦,然后我们就可以在以vue为后缀的文件里输入“vue”,就可以迅速打出vue的模板了
  • 相关阅读:
    Codeforces 716C[数论][构造]
    HDU 5808[数位dp]
    Codeforces 611d [DP][字符串]
    Codeforces 404D [DP]
    HDU 5834 [树形dp]
    HDU 5521 [图论][最短路][建图灵感]
    矩阵
    kruskal 处理最短路 问题 A: 还是畅通工程
    Dijastra最短路 + 堆优化 模板
    CodeForces
  • 原文地址:https://www.cnblogs.com/axingya/p/13563973.html
Copyright © 2011-2022 走看看