vscode中自定义代码片段

以html模板为例:

  1. 文件 => 首选项 => 用户片段
  2. 输入html,打开html.json文件
  • 示例:
    在这里插入图片描述
  1. 新建html文件,输入自定义的关键字 “vh”

在这里插入图片描述
代码段:

    "vh": {
        "prefix": "vh",
        "body": [
            "<!DOCTYPE html>",
            "<html lang='en'>",
            " ",
            "<head>",
            "    <meta charset='UTF-8'>",
            "    <meta name='viewport' content='width=device-width, initial-scale=1.0'>",
            "    <title>Document</title>",
            "</head>",
            " ",
            "<body>",
            "    <div id='app'></div>",
            " ",
            "    <!-- 导入 vue 文件 -->",
            "    <script src='./lib/vue_2 .5 .22.js'></script>",
            "    <!-- 导入 vue-router 文件-->",
            "    <script src='./lib/vue-router_3.0.2.js'></script>",
            " ",
            "    <script>",
            "        // 创建 vm 实例对象",
            "        var vm = new Vue({",
            "            el: '#app',",
            "            data: {}",
            "        })",
            "    </script>",
            " ",
            "</body>",
            " ",
            "</html>"
        ]
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值