用VScode创建代码片段

用VScode创建代码片段

最后修改时间:a month ago

# 描述

在编码的时候会遇到一些经常要用到的代码片段,可以在VScode上定义好,通过特定的快捷方式呼出对应的代码段

# 操作

打开VScode——设置——用户代码片段

1618897068401

选择新建全局代码片段文件

1618897344774

给你要呼出的代码段取个快捷名称然后回车保存

接下来会跳转到要呼出的代码段页面

例如我创建一个Vue的模板

快捷名称取为:vue

然后在呼出的代码页面创建想要呼出的代码片段

{
    "Print to console": {
      "prefix": "vue",
      "body": [
        "<template>",
        "  <div>",
        "     ",
        "  </div>",
        "</template>",
        "",
        "<script>",
        "export default {",
        "    name:'$0',",
        "    data(){",
        "      return{",
        "          ",
        "       }",
        "    }",
        "  }",
        "",
        "",
        "</script>",
        "<style scoped>",
        "</style>"
    ],
      "description": "Log output to console"
    }
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

$0 是每次呼出代码片段后鼠标光标悬停的位置

亲测有效,奔走相告。

- 全文完 -

留下一条留言?
默认颜色

主题颜色

标准颜色

更多颜色...