vscode如何一键生成vue模板

最新推荐文章于 2024-08-08 17:03:03 发布

Hello^_^Monkey

最新推荐文章于 2024-08-08 17:03:03 发布

阅读量618

点赞数

分类专栏： vue 文章标签： vue.js vscode javascript

本文链接：https://blog.csdn.net/weixin_48010432/article/details/122250527

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

先看效果演示：

如何设置呢？请看下面操作：

点击设置-->用户代码片段--->新建全局代码片段--->输入文件名--->复制参考代码保存即可

参考代码如下:




{
	"Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "    <div id=\"\">\n",
            "    </div>",
            "</template>\n",
            "<script >",
            "export default {",
            "    name: \"\",",
            "    data() {",
            "        return {}",
            "    },",
            "    components: {},",
            "    methods: {}",
            "}",
            "</script>\n",
            "<style >\n",
            "</style>",
            "$2"
        ],
        "description": "A vue file template"
    }
}