如何在VScode中添加代码片段

人不狠话不多，就一句，好记性不如烂笔头。

拿 VUE 举例，新建 VUE 文件，输入前缀，出现代码段

文件 --->  首选项 ---> 用户代码片段 

在输入框中输入 vue ，找到 vue.json ，然后在 vue.json 里面配置。

如下是 vue.json 的例子

prefix ： 在 Intellisense 中选择代码片段时将使用的前缀。

body：代码片段的内容。使用“$1”和“${1:defaultText}”定义光标位置，使用“$0”定义最终光标位置。使用“${varName}”和“${varName:defaultText}”插入变量值，例如“这是文件：$TM_FILENAME”。

description：代码片段描述。

例子

要复制的话也贴上来了，虽然有点丑，担待担待...

    "Print to console": {

        "prefix": "go",

        "body": [

            "",

            " 

",

            "    $0",

            "  ",

            "",

            "",

            "",

            "import utils from '../../static/js/ultis.js';",

            "export default {",

            "  data () {",

            "    return {",

            // " parentMsg: ''",

            "",

            "    }",

            "  },",

            "  methods: {},",

            "  created(){},",

            "  mounted(){}",

            "}",

            "",

            "",

            "",

            "",

            "",

            ""

        ],

        "description": "Log output to console"

    }