Vue-VsCode 创建代码片段(Vue固定模板)

1,文件 =>  首选项 => 用户代码片段 => 新建全局代码片段/或文件夹代码片段:vue-html.code-snippets

2,注意:制作代码片段的时候,字符串中如果包含文件中复制过来的“Tab”键的空格,要换成“空格键”的空格

复制代码
{
        "vue htm": {
            "scope": "html",
            "prefix": "vuehtml",
            "body": [
                "<!DOCTYPE html>",
                "<html lang=\"en\">",
                "",
                "<head>",
                "    <meta charset=\"UTF-8\">",
                "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                "    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
                "    <title>Document</title>",
                "</head>",
                "",
                "<body>",
                "    <div id=\"app\">",
                "",
                "    </div>",
                "    <script src=\"vue.min.js\"></script>",
                "    <script>",
                "        new Vue({",
                "            el: '#app',",
                "            data: {",
                "                $1",
                "            }",
                "        })",
                "    </script>",
                "</body>",
                "",
                "</html>",
            ],
            "description": "my vue template in html"
        }
    }
复制代码

 

本文作者:KwFruit

本文链接:https://www.cnblogs.com/mangoubiubiu/p/13737175.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   KwFruit  阅读(233)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起