vscode自定义代码块

自定义用户代码块是可以给我们的开发带来更高的开发效率的

1.首先找到Vscode左下角的设置图标，选择用户代码片段，此时会让你选择各种类型的代码片段，这里我就拿Vue举个例子，下拉框往下拉，找到 Vue 点击去配配置，点击后会跳转到一个vue.json文件

{
    // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 
    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
    // same ids are connected.
    // Example:
    "create construct default for Vue3 and scss": {
        "prefix": "v3scss",
        "body": [
            "<template>",
            "<div class='$1'>",
            "</div>",
            "</template>",
            "\n",
            "<script setup>",
            "</script>",
            "\n",
            "<style lang='scss' scoped>",
            "</style>",
            "$2"
        ],
        "description": "这个是Vue3基本结构，同时使用scss预处理"
    },
    "create construct default for Vue3 and less": {
        "prefix": "v3less",
        "body": [
            "<template>",
            "<div class='$1'>",
            "</div>",
            "</template>",
            "\n",
            "<script setup>",
            "</script>",
            "\n",
            "<style lang='less' scoped>",
            "</style>",
            "$2"
        ],
        "description": "这个是Vue3基本结构，同时使用less预处理"
    }
}

注意：这里我是配置了两个代码块，分别是 create construct default for Vue3 and scss 和 create construct default for Vue3 and less 如果你们需要添加多个代码块按照格式添加即可。

那我们要怎么样使用自定义代码块呢，也是非常的简单，在我们的.Vue文件里面，输入我们的关键词 v3scss 和 v3less ，在这里可以看出我们配置的代码块中的 prefix字段就是这只我们的关键词，的确没错！！！

• 当我们在 vue文件里面输入v3的时候就会出现v3less和v3scss两个提示，同时大家可以观察右边的提示可以知道，这个也是我们代码块中的配置的内容
  

• 当我们选择第一个的时候
  

• 当我们选择第二个的时候
  
  ok到此配置就结束了...

怎么删除代码快配置呢？
也是非常的简单 And then look down!!!
找到刚刚配置的文件，用户代码片段 -> vue.json文件，即可看到文件路径
如果您不想要使用这个代码块了直接删除（delete）这个文件即可

OVER THINKS EVEYONE!!!!!!!!!!!!!