vscode 新建自定义代码段——省去频繁敲初始代码的烦恼!
然后按照下图操作:
点击:新建全局代码片段文件,回车
在输入框里面输入:hvm.json。hvm这是文件名,可以自己定义,后缀一定是.json。
然后再回车,进入下一步:
全选,清除里面的所有内容,把下面代码粘贴进去:
{
"html:5": {
"prefix": "hv",
"body": [
"<!DOCTYPE html>",
"<html>",
"<head>",
"\t<meta charset=\"UTF-8\">",
"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"\t<meta http-equiv=\" X-UA-Compatible\" content=\"ie=edge\">",
"\t<title></title>",
"\t<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\" ></script>",
"</head>",
"<body>",
"\t<div id='app'>",
"\t\t$0",
"\t</div>",
"\t<script>",
"\t\tnew Vue({",
"\t\t\tel: '#app',",
"\t\t\tdata:{",
"\t",
"\t\t\t}",
"\t\t})",
"\t</script>",
"</body>",
"</html>"
]
}
}
如下图:
然后关闭即可。
新建test.html文件:
直接输入:hv回车即可输入初始代码。
省去了频繁输入出始什的烦恼!