為什么要創建模板？
- 剛開始學習vue的時候通常是在html中寫的vue。而非直接在.vue文件中寫。這個時候vscode中並沒有直接提供vue的模板，我們需要使用snippet直接生成模板，就像生成html模板一樣。
如何生成模板？
- 通過
ctrl+alt+P 通過關鍵字Preference 找到配置用戶代碼塊。
- 設置局部代碼塊，即選擇
html回車。
- 在html.json中填充你喜歡的模板即可。
個人使用的模板
"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:{}",
" });",
" </script>",
"</body>",
"",
"</html>",
],
"description": "vh components"
}
