vscode 快速vue模板 ,带生命周期和不带生命周期

第一种:不带生命周期的

1.扩展商店输入——vetur——安装


2.新建.vue文件第一行输入vue

回车



3.回车就OK了

第二种:带生命周期的

1.文件  ——> 首选项 ——> 用户代码片段  

2.如图

3.然后输入html.json 回车后复制粘贴下图代码

{

    "vue": {

        "prefix": "vue", // 触发的关键字 输入vh按下tab键,可以是任何关键字

        "body": [

            "",

            "",

            "",

            "",

            "",

            "//@import url($3); 引入公共css类",

            "$4",

            ""

        ],

        "description": "vh components"

        }

    }

4.保存后,就可以在新建的 . vue 页面里 输入vue ——> 按tab键 ,就创建ok啦!!

我是参考的这篇文章

https://blog.csdn.net/z772330927/article/details/105730430/ 

你可能感兴趣的:(vscode 快速vue模板 ,带生命周期和不带生命周期)