VUE在html 的快速模板

点击文件-首选项-用户代码片段-新建一个 html.json 的用户片段

然后把以下代码替换进去

{

   // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and 

   // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:

   // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 

   // same ids are connected.

   // Example:

   "vh": {

      "prefix": "vh",  //触发的关键字 输入vh按tab键

      "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>",

      "    <!-- 导入 vue 文件 -->",

      "    <script src=\"vue-2.5.22.js\"></script>",

      "    <script src=\"vue-router_3.0.2.js\"></script>",

      "  </head>",

      "",

      "  <body>",

      "    <!-- 被 vm 实例所控制的区域 -->",

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

      "",

      "    <script>",

      "      //创建 vm 实例对象",

      "      const vm = new Vue({",

      "        //指定控制的区域",

      "        el:'#app',",

      "        data:{},",

      "       });",

      "    </script>",

      "  </body>",

      "</html>",

      ],

      "description": "vh components"

   }

}

接着在html页面用vh就可以了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值