VSCode 抽取vue的代码片段

在vscode中文件——>首选项——>用户片段，输入名字按去确定，输入代码片段

{
    "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>",
            "    <script type=\"text/javascript\" src=\"https://unpkg.com/vue@2.6.14/dist/vue.min.js\"></script>",
            "",
            "<body>",
            "    <div id=\"app\">",
            "",
            "    </div>",
            "    <script>",
            "        new Vue({",
            "            el: '#app',",
            "            data: {",
            "                $1",
            "            }",
            "        })",
            "    </script>",
            "</body>",
            "",
            "</html>",
        ],
        "description": "my vue template in html"
    }
}
View Code

 

posted on 2023-02-08 10:44  lovezj9012  阅读(59)  评论(0)  编辑  收藏  举报

导航