VS Code 配置 Vue3 模板详细步骤

本文介绍: VS Code 配置 Vue3 模板详细步骤1、打开 VS Code ，在页面左下角找到这个设置图标，然后找到 “用户代码片段” 2、接着点击 “新建全局代码片段文件” 3、在输入框中输入你要设置的模板名，然后回车确认4、接下来配置自己想要模板代码，或者也可以借鉴我写的这个，具体根据自己的需求来配置5、接下来看一下效果，在 .vue 文件里面输入你刚刚设置的那个模板名，然后回车，就可以看到刚刚配置的模板代码了希望对大家有用，喜欢的可以点个赞鼓励一下

1、打开 VS Code ，在页面左下角找到这个设置图标，然后找到 “用户代码片段”

2、接着点击 “新建全局代码片段文件”

3、在输入框中输入你要设置的模板名，然后回车确认

4、接下来配置自己想要模板代码，或者也可以借鉴我写的这个，具体根据自己的需求来配置

{
	"Print to console": {
        "prefix": "vue3",  // 模板的名称
        "body": [          // 模板的结构（骨架）
            "<template>",
			" $1",
            "</template>",
            "",
            "<script setup>",
			" $1",
            "</script>",
            "",
            "<style scoped lang="less">",
            "</style>"
        ],
        "description": "Log output to console",
    }
}

5、接下来看一下效果，在 .vue 文件里面输入你刚刚设置的那个模板名，然后回车，就可以看到刚刚配置的模板代码了