VSCode 怎么自定义设置代码片段

1.在vscode中手动写好需要的代码片段

<template>
    
</template>

<script lang="ts" setup>

</script>

<style lang="less" scoped>

</style>

2.将代码段复制到工具中，将生成好的代码复制。
https://snippet-generator.app/

手动方法配置

"vue-setup": {
  "prefix": "vue",
  "body": [
    "<template>",
    "    ",
    "</template>",
    "",
    "<script lang=\"ts\" setup>",
    "",
    "</script>",
    "",
    "<style lang=\"less\" scoped>",
    "",
    "</style>"
  ],
  "description": "vue-setup"
}

3.首先点击左下角设置图标→用户代码片段

4.输入文件类型

5.将刚才生成的代码片段粘贴进去保存

6.此时已经能正常使用

7.光标默认会停留在最后

8.修改光标位置，只需要在光标停留位置加上$0

注意：当需要定义多个光标位置时，则可以使用$1、$2来定义