VSCode添加代码片段

1.设置->用户代码片段

 

2.新建全局代码片段文件

 

3.输入新代码片段名称

 

4.粘贴代码(注意代码必须在[]之间,如果代码冲存在双引号,需要用\进行转义,每一行代码以逗号结尾),之后保存。
{
 
    "vh": {
        //定义快捷键
        "prefix": "vh",
        //快捷键对应的文本内容
        "body": [
                    "<!DOCTYPE html>",
                    "<html>",
                    "<head>",
                    "    <meta charset=\"UTF-8\">",
                    "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                    "    <title>NCK测试VUE模板</title>",
                    "    <script src=\"js/vue.js\"></script>",
                    "</head>",
                    "<body>",
                    "",
                    "    <div id=\"app\">",
                    "        {{message}}",
                    "    </div>",
                    "    <script>",
                    "        var vm  = new Vue({",
                    "            el:\"#app\",",
                    "            data:{",
                    "                message:\"NCK测试VUE模板\"",
                    "            }",
                    "        });",
                    "    </script>",
                    "</body>",
                    "</html>"
        ],
        "description": "VUE模板快捷键"
    }
}

 

5.输入vh就能自动生成模板了

 

posted @ 2020-07-17 15:38  凉游浅笔深画眉  阅读(619)  评论(0编辑  收藏  举报