VSCode 编写vue项目之一键生成.vue模版

VSCode 编写vue项目之一键生成.vue模版

码农世界 2024-05-18 前端 68 次浏览 0个评论

1.安装插件Vetur

2.新建用户片段(.vue代码模板)

在弹出的输入框输入:vue.json (如果没有反应,那就尝试只输入“vue”) ,接着enter

3.将.vue模板粘贴到vue.json

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "",
            "",
            "",
            "",
            ""
        ],
        "description": "Log output to console"
    }
}

4.怎么使用

在.vue的文件中输入代码:vue

 生成的代码如下👇





说明: 1. vue.json 文件保存在:C:\Users\”自己计算机的用户名“\AppData\Roaming\Code\User\snippets\vue.json

         2.在.vue模板代码中:"prefix": "vue",决定了通过“vue” 命令来生成模板代码,这个可以自定义。

转载请注明来自码农世界,本文标题:《VSCode 编写vue项目之一键生成.vue模版》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,68人围观)参与讨论

还没有评论,来说两句吧...

Top