VSCode 自定义代码片段

Ctrl+Shift+P 输入“代码片段：配置用户代码片段”：

搜索你想要设置的语言代码片段，比如，我设置 .vue 文件的代码片段，选择 vue.json：

可以配置多个代码片段，一个片段通过一个 prefix 快速生成：

{

  "Vue3 snippet for TypeScript & Scss": {

    "prefix": "v3ts",

    "body": ["<script setup lang='ts'>\n", "</script>\n", "<template>\n", "</template>\n", "<style scoped lang='scss'>", "</style>"],

    "description": "Vue3 snippet"

  },

  "Vue3 snippet for JavaScript & Scss": {

    "prefix": "v3js",

    "body": ["<script setup lang='js'>\n", "</script>\n", "<template>\n", "</template>\n", "<style scoped lang='scss'>", "</style>"]

  },

  "Vue3 snippet for TypeScript & CSS": {

    "prefix": "v3t",

    "body": ["<script setup lang='ts'>\n", "</script>\n", "<template>\n", "</template>\n", "<style scoped lang='css'>", "</style>"],

    "description": "Vue3 snippet"

  },

  "Vue3 snippet for JavaScript & CSS": {

    "prefix": "v3j",

    "body": ["<script setup lang='js'>\n", "</script>\n", "<template>\n", "</template>\n", "<style scoped lang='css'>", "</style>"]

  }

}

上面定义了四个 prefix，在 .vue 文件中输入 prefix 快速生成代码片段：

巴特西

VSCode 自定义代码片段

最新文章

热门文章