!-- 被vm 实例所控制的区域 --
标签:
为什么要创建模板?刚开始学习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=http://www.mamicode.com/\"./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" }在vscode中创建vue的html模板
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30020.html
- 上一篇:它对于node应用程序是始终可用的
- 下一篇:慢慢看(HTTP权威指南