• vscode快速生成自定义HTML模板


    https://www.cnblogs.com/wgyhon/p/11466449.html

    模板:

     1 {
     2     // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and 
     3     // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
     4     // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
     5     // same ids are connected.
     6     // Example:
     7     // "Print to console": {
     8     //     "prefix": "log",
     9     //     "body": [
    10     //         "console.log('$1');",
    11     //         "$2"
    12     //     ],
    13     //     "description": "Log output to console"
    14     // }
    15     "h5 template": {
    16         "prefix": "vh", // 对应的是使用这个模板的快捷键
    17         "body": [
    18             "<!DOCTYPE html>",
    19             "<html lang="en">",
    20             "<head>",
    21             "	<meta charset="UTF-8">",
    22             "	<meta name="viewport" content="width=device-width, initial-scale=1.0">",
    23             "	<meta http-equiv="X-UA-Compatible" content="ie=edge">",
    24             "	<title>Document</title>",
    25             "	<script src="./node_modules/vue/dist/vue.js"></script>",
    26             "</head>",
    27             "<body>",
    28             "	<div id ="app">
    ",
    29             "	</div>
    ",
    30             "	<script src="./node_modules/vuex/dist/vuex.js"></script>",
    31             "	<script>",
    32             "	 //创建Vue实例,得到 ViewModel",
    33             "	 var vm = new Vue({",
    34             "		el: '#app',",
    35             "		data: {
    ",
    36             "		},",
    37             "		methods: {
    ",
    38             "		}",
    39             "	 });",
    40             "	</script>",
    41             "</body>",
    42             "</html>"
    43         ],
    44         "description": "HT-H5" // 模板的描述
    45     }
    46 }
  • 相关阅读:
    Java web ch02_5
    Java web ch02_4
    Java web ch02_3
    Java web ch02_9
    myeclipse和eclipse的区别以及优越性
    新的学年,迎来新的活力!
    Javaweb中的Tomcat服务器(简单了解)
    一切都是对象
    java中被隐藏的具体实现
    SSL与TLS的区别以及介绍
  • 原文地址:https://www.cnblogs.com/jianguo221/p/12727387.html
Copyright © 2020-2023  润新知