在vscode中创建vue的html模板
为什么要创建模板？
刚开始学习vue的时候通常是在html中写的vue。⽽⾮直接在.vue⽂件中写。这个时候vscode中并没有直接提供vue的模板，我们需要使⽤snippet直接⽣成模板，就像⽣成html模板⼀样。
如何⽣成模板？
1. 通过ctrl+alt+P通过关键字Preference到配置⽤户代码块。
2. 设置局部代码块，即选择html回车。
3. 在html.json中填充你喜欢的模板即可。
个⼈使⽤的模板
类似⿊马的vh模板：
"vh": {
"prefix": "vh", // 触发的关键字输⼊vh按下tab键
"body": [
"<!DOCTYPE html>",
"<html lang=\"en\">",
"",
"<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\" />",
"    <title>Document</title>",
"    <script src=\"./lib/vue-2.4.0.js\"></script>",
"</head>",
"<body>",
" <!-- 被vm 实例所控制的区域 -->",
"    <div id=\"app\"></div>",
"",
"    <script>",
"  // 创建实例对象",
"        const vm=new Vue({",
"  // 指定控制的区域",
"          el:'#app',",
"          data:{},",
"          methods:{}",
html新年网页中文模板
"        });",
"    </script>",
"</body>",
"",
"</html>",
],
"description": "vh components"
}

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