在VS Code中创建vue的模板

1、点击窗口左下角的设置图标

2、新建全局代码片段

3、会让你创建一个文件

4、vs code会打开刚才创建的文件,复制下面的代码进去,然后保存。

{
    "Print to console": {
        "prefix": "vue",
        "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=\"https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js\"></script>",
            "</head>",
            "",
            "<body>",
            "    <div id=\"app\">",
            "        $1",
            "    </div>",
            "    <script>",
            "        var vm = new Vue({",
            "            el: \"#app\",",
            "            data: {$2},",
            "            methods: {$3},",
            "        })",
            "    </script>",
            "</body>",
            "",
            "</html>"
        ],
        "description": "自定义vue模板"
    }
}

5、在文件中输入vue然后回车,就会自动生成设置的模板

猜你喜欢

转载自blog.csdn.net/qq_36857680/article/details/89282426