vscode 代码模板设置

设置Vue.js代码片段

"Print to console": {
        "scope": "html",
        "prefix": "vue",
        "body": [
            "<script src=\"./vue.js\"></script>",
            "<div id=\"app\">{{message}}</div>",
            "<script>",
            "\tconst app = new Vue({",
            "\t\tel: \"#app\",",
            "\t\tdata: {",
            "\t\t\tmessage: \"hello\"",
            "\t\t}",
            "\t})",
            "</script>",
        ],
        "description": "vue template"
    }

• scope: 设置模板适用文件类型，为空时适用所有文件。
• perfix: 即你要使用模板时需要输入的内容。用于触发模板
• body: 定义模板内容。
  • 每行都要用双引号包围。 每行结束后加逗号。
  • 行内符号等要用转义字符写。 \" , \n, \t等
  • 空格可被识别。
• $1,$2: 用于tab定位。 
• $final: 最终光标的定位
• description：对该模板代码的描述