3秒钟教你如何配置vscode中的vue3代码快速生成模版

1.首先点击你的vscode左下角的齿轮设置按钮,然后点击配置用户代码片段。

3秒钟教你如何配置vscode中的vue3代码快速生成模版_第1张图片

 2.输入vue搜索vue.json这个文件,然后点击这个文件

3秒钟教你如何配置vscode中的vue3代码快速生成模版_第2张图片

3.接下来只需在原有的注释之下输入粘贴如下代码即可

3秒钟教你如何配置vscode中的vue3代码快速生成模版_第3张图片

代码如下:

  "vue3": {
        "prefix": "vue3",
        "body": [
            "",
            "",
            "",
            ""
        ],
        "description": "快速创建vue3模板"
    }

 4.最后,你只需要在.vue文件中输入vue3,一回车模版就出来了

3秒钟教你如何配置vscode中的vue3代码快速生成模版_第4张图片

 赶快去尝试吧!

你可能感兴趣的:(vscode,ide,编辑器)