您的位置:首页 > Web前端 > Vue.js

在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回车就自动生成代码了

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: