在vs code中创建Vue快捷代码片段
2020-06-04 07:22
447 查看
文件 => 首选项 => 用户代码片段 => 新建全局代码片段/或文件夹代码片段
文件名如:vue-html.code-snippets
将Example:后的代码取消注释,修改为以下片段(或直接替换)
注意:制作代码片段的时候,字符串中如果包含文件中复制过来的“Tab”键的空格,要换成“空格键”的空格
{ "vue htm": { "scope": "html", "prefix": "vuehtml", "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>", "</head>", "", "<body>", " <div id=\"app\">", "", " </div>", " <script src=\"vue.min.js\"></script>", " <script>", " new Vue({", " el: '#app',", " data: {", " $1", " }", " })", " </script>", "</body>", "", "</html>", ], "description": "my vue template in html" } }
HTML页面输入vuehtml回车就自动生成代码了
相关文章推荐
- 使用vscode创建vue代码片段
- 使用vscode创建vue代码片段
- VS Code添加vue的代码片段,光标悬停在class和name上,可快速定义
- VS code 生成vue-cli代码片段
- VSCode 快速生成vue代码片段
- 使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
- vscode 如何创建自定义代码片段
- 在vscode中,自定义代码片段,例vue组件的模板
- VScode用户代码片段——全面快速生成vue片段
- VScode中Vue快速生成代码片段
- vsCode创建vue模板
- VS Code .vue文件代码缩进以及格式化代码
- 在VS Code中创建vue的模板
- 关于vs code下载vetur后vue代码颜色仍无改变的解决方法
- 详解VS Code使用之Vue工程配置format代码格式化
- VS code中自动补全.vue文件的html代码
- vs code中如何使用bootstrap快速创建代码
- vsCode 设置vue 保存自动格式化代码
- VS创建使用代码片段的操作
- vs code中Vue代码格式化的问题