vsCode设置代码片段

输入vue.json

{
    "Print to console": {

        "prefix": "vv",

        "body": [

        "<template>",

        "   <div>$0</div>",

        "</template>",

        "",

        "<script>",

        "export default {",
        "",
        "    components: {",
        "",
        "    },",
        "",
        "    data() {",
        "        return {",
        "            ",
        "        }",
        "    },",
        "",
        "    created() {",
        "",
        "    },",
        "",
        "",
        "    mounted() {",
        "        this.onLoad()",
        "    },",
        "",
        "    methods: {",
        "        onLoad() {}",
        "    }",
        "",
        "}",

        "",

        "</script>",

        "<style lang=\"scss\">",
        "",
        "</style>",

        "",
    ],

    "description": "Log output to console"
    }
}

字段注释

prefix :这个参数是使用代码段的快捷入口,比如这里的log在使用时输入log会有智能感知.
body :这个是代码段的主体.需要设置的代码放在这里,字符串间换行的话使用 \r\n换行符隔开.注意如果值里包含特殊字符需要进行转义.
$1 :这个为光标的所在位置.
$2 :使用这个参数后会光标的下一位置将会另起一行,按tab键可进行快速切换
description :代码段描述,在使用智能感知时的描述