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的模板了
  • 相关阅读:
    JavaScript、Jquery:获取各种屏幕的宽度和高度
    CSS:文字兩端加中線寫法
    CSS:公用
    JavaScript:基礎知識
    jQuery:播放/暂停 HTML5视频[轉]
    手機Web頁面信息
    jQuery:open和opener使用說明
    CSS:overflow使用說明
    jQuery:常用插件
    BootStrap:基礎知識
  • 原文地址:https://www.cnblogs.com/axingya/p/13563973.html
Copyright © 2011-2022 走看看