vscode⽤户代码⽚段⾃定义如何操作⽤户⾃定义代码⽚段(快捷键)?
第⼀步:⽂件==>⾸选项==>⽤户代码⽚段
第⼆步:选择代码⽚段⽂件 html.json
第三步:输⼊要⾃定义的快捷键和模板代码段
1.
{
2.
3.
"vh": {
4.
"prefix": "vh", // 触发的关键字输⼊vh按下tab键
5.
"body": [
6.
"<!DOCTYPE html>",
7.
"<html lang=\"en\">",
8.
"",
9.
"<head>",
10.
" <meta charset=\"UTF-8\">",
11.
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
12.
" <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
13.
" <title>Document</title>",
14.
" <script src=\"./lib/vue-2.4.0.js\"></script>",
15.
"</head>",
16.
"",
17.
"<body>",
18.
" <div id=\"app\"></div>",
19.
" <script>",
20.
" var vm=new Vue({",
21.
" el:'#app',",
22.
html实现用户注册登录代码" data:{},",
23.
" methods:{}",
24.
" });",
25.
" </script>",
26.
"</body>",
27.
"",
28.
"</html>",
29.
],
30.
"description": "vh components"
31.
}
32.
}
第四步:进⼊ .html 后缀的⽂件中按快捷键 vh 后按 tab 键即可实现快速输⼊代码段
PS:  设置成功
注:设置模板代码,不可使⽤模板字符串,只可⽤引号