第一步:
步骤总结:
文件 >> 首选项 >> 用户片段 >> 新建全局代码片段文件 >> xxx.code-snippets (之后就会在文件中生成.vscode文件夹 如图三所示)>> 插入vue模版 >> 在html 输入 vuehtml 便会自动生成代码块
图一
图二
图三
第二步
模版文件
{
"vue htm": {
"scope": "html",
"prefix": "vuehtml",// prefix 触发关键字 在html页面 输入vuehtml即可创建代码片段
"body": [
"<!DOCTYPE html>",
"<html lang=\"en\">",
"",
"<head>",
" <meta charset=\"UTF-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
" <title>Document</title>",
"</head>",
"",
"<body>",
" <div id=\"app\">",
"",
" </div>",
" <script src=\"vue.min.js\"></script>",
" <script>",
" new Vue({",
" el: '#app',",
" data:{",
" $1",// $1代表鼠标悬停的位置
" }",
" })",
" </script>",
"</body>",
"",
"</html>",
],
"description": "my vue template in html"
}
}
第三步
vuehtml 就是你自己定义的