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的模板了
  • 相关阅读:
    UIWebView控件中 字体大小和字体样式的修改
    IOS statusBarStyle 设置
    SSZipArchive解压失败的原因
    uiimageview 的 animation 动画
    App网络管理
    系统日志输出工具类
    软键盘管理
    获取App应用信息
    Activity管理类
    SharePreference工具类
  • 原文地址:https://www.cnblogs.com/axingya/p/13563973.html
Copyright © 2011-2022 走看看