在vscode中创建vue的html模板
为什么要创建模板？
- 刚开始学习vue的时候通常是在html中写的vue。而非直接在.vue文件中写。这个时候vscode中并没有直接提供vue的模板，我们需要使用snippet直接生成模板，就像生成html模板一样。
如何生成模板？
- 通过
ctrl+alt+P通过关键字Preference找到配置用户代码块。 - 设置局部代码块，即选择
html回车。 - 在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:{}",
" });",
" </script>",
"</body>",
"",
"</html>",
],
"description": "vh components"
} 相关推荐
sjcheck 2020-11-03
yuzhu 2020-11-16
85477104 2020-11-17
KANSYOUKYOU 2020-11-16
怪我瞎 2020-10-28
源码zanqunet 2020-10-28
gloria0 2020-10-26
王军强 2020-10-21
学习web前端 2020-09-28
QiaoranC 2020-09-25
anchongnanzi 2020-09-21
安卓猴 2020-09-12
Macuroon 2020-09-11
kiven 2020-09-11
LittleCoder 2020-09-11
Cheetahcubs 2020-09-13
小焊猪web前端 2020-09-10
颤抖吧腿子 2020-09-04
softwear 2020-08-21