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回车即可

  • 相关阅读:
    HTML5之Canvas影片广场
    iOS英语—》中国本土化,如调用专辑,摄像头的变化“cancel”,“photos”至“撤消”,“摄像头”
    约瑟夫问题解决
    2014在百度之星资格赛的第二个问题Disk Schedule
    2015第30周二
    2015第30周一
    2015第29周日
    2015第29周六Spring
    2015第29周五AOP
    2015第29周四
  • 原文地址:https://www.cnblogs.com/llanq123/p/14926145.html
Copyright © 2011-2022 走看看