zoukankan      html  css  js  c++  java
  • vs code工具中设置html5 快速生成vue模板

    vs code工具中设置html5 快速生成vue模板

    1.编辑html.json文件
    2.替换需要自动生成的代码
    3.在新建的html中输入vh回车即可


    1.编辑html.json文件(在用户片段里面找不到html.json)

    在用户片段里面找不到html.json,新建全局代码片段文件,文件名为html.json

     

    然后copy代码,也可以自定义自己需要的模板。

     

    输入html,选择html.json文件


    2.替换需要自动生成的代码

    {
      "html5-vue": {
        "prefix": "vh", // 对应的是使用这个模板的快捷键
        "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>",
          " <script src="./lib/vue_2.5.22.js"></script>",     
          "</head> ",
          "<body>",
          " <div id ="app"> </div> ",
          " <script>",
          "  //创建Vue实例,得到 ViewModel",
          "  const vm = new Vue({",
          " el: '#app',",
          " data: {},",
          " methods: {}",
          "  });",
          " </script>",
          "</body> ",
          "</html>"
        ],
        "description": "HT-H5" // 模板的描述
        }
    }



    3.在新建的html中输入vh回车即可

  • 相关阅读:
    下标处理问题
    C++输入输出流
    gcc和gdb
    B2C、C2C电子商务分析
    转载:java 动态代理学习(Proxy,InvocationHandler)
    Java Web开发中路径问题小结
    64位操作系统IIS降为32 位版本运行处理
    SQL Server 2000/2005 数据库分页
    iBatis简单入门教程
    JAVA中的Class类
  • 原文地址:https://www.cnblogs.com/llanq123/p/14926145.html
Copyright © 2011-2022 走看看