VsCode + node+ vue.js 开发环境搭建(二)

1.代码模板:

在 文件---首选项----用户代码片段中 找到 html.json 可以加入自己模板文件如下:

    "html5": { // 带VUE.js 的HTML文件

        "prefix": "html5vm",

        "body": [

            "<!DOCTYPE html>",

            "<html lang=\"$1zh-CN\">",

            "\t<head>",

            "\t\t<title>$2</title>",

            "\t\t<meta charset=\"UTF-8\">",

            "\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",

            "\t\t<script src=\"https://cdn.bootcss.com/vue/2.2.2/vue.min.js\"></script>",

            "\t</head>",

            "\t<body>",

            "\t$4",

            "<div id=\"app\">",

            "</div>",

            "<script>",

"\t\tvar vm1 =new Vue({",

            "\t\t\tel:'#app',",

            "\t\t\t\tdata:{",

            "\t\t\t\t},",

            "\t\t\t\tmethods:{",

                "\t\t\t\t}",

            "\t\t\t\t}",

            "\t\t\t)",

            "\t</script>",

            "\t</body>",

            "</html>"

            ],

        "description": "HTML - Defines a template for a html5 document",

        "scope": "text.html"

        },

 

        "html5-2": {// HTML文件

            "prefix": "html5",

            "body": [

                "<!DOCTYPE html>",

                "<html lang=\"$1zh-CN\">",

                "\t<head>",

                "\t\t<title>$2</title>",

                "\t\t<meta charset=\"UTF-8\">",

                "\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",

                "\t\t<link href=\"$3css/style.css\" rel=\"stylesheet\">",

                "\t\t<script src=\"https://cdn.bootcss.com/vue/2.2.2/vue.min.js\"></script>",

                "\t</head>",

                "\t<body>",

                "\t$4",

                "<div id=\"app\">",

                "</div>",

                "\t</body>",

                "</html>"

                ],

            "description": "HTML - Defines a template for a html5 document",

            "scope": "text.html"

            },

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值