Vscode生成自定义vue3模版

498 阅读1分钟

步骤:

1. 点击文件--->首选项--->配置用户代码片段

image.png

2.弹框中的输入: vue.json

image.png

3. 在vue.json中配置你想要的模板

image.png

附代码片段:

"Print to console": { "prefix": "vue3", "body": [ "<script lang=\"ts\" setup>", "$1", "</script>", "<template>", "$2", "</template>", "<style lang=\"less\" scoped>", "$3", "</style>" ], "description": "vue3" }

4.最后:

image.png