VisualStudioCode（vscode）⾃定义HTML页⾯⾃动⽣成格式
学习Vue时新建每⼀个HTML⽂件时都要⼿动引⼊⼀次Vue.js，太⿇烦，本⼈⼜很懒
所以写了⾃定义HTML页⾯⽣成的格式，⾃动⽣成的HTML页⾯格式代码⾥就⾃带Vue.js的引⼊。
过程如下：
⼯具栏 > ⽂件 > ⾸选项 > ⽤户代码⽚段
在上⽅弹出的搜索框中输⼊html.json 回车 打开html.json ⽂件
json⽂件长这样：
html自动弹出公告代码在json⽂件中填写配置代码，即可⾃定义HTML⽂件格式。
print to 后⾯填的是你这个代码块的名字 随便取 符合命名规则就⾏
prefix 冒号⾥填的是 在 Intellisense 中选择代码⽚段时将使⽤的前缀，即你要打出的快捷键
body 冒号后⾯填的是你要定义的代码段的完整代码
美元$符号+数字代表光标位置 即你打出代码段后光标所在的位置
description 冒号后⾯填的是 这个代码段的描述 随便写就⾏
注：引号后⾯的是空格 不能直接按tab。在HTML页⾯中输⼊hm即可⽣成
代码如下：
"Print out HTMLMoudules":{
"prefix": "hm",
"body": [
"<!DOCTYPE html>",
"<html lang=\"cn\">",
"<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\">",
"  <script src=\"cdn.bootcss/vue/2.6.10/vue.js\"></script>",
"  <title>Document</title>",
"</head>",
"<body>$3",
"  ",
"</body>",
"</html>"
],
"description": "⽣成带Vue的HTML模板"
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。