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 :代码段描述,在使用智能感知时的描述