vscode-用户代码片段

问题：使用vscode很多快捷键不太好使，所以要自定义代码片段。

1.webstorm中的.log使用
2.错误信息提示（success,error,warning,info等等）
3.组件模板（template，script，style）

//js
  // warningMessage
  "Print to warningMessage": {
		"prefix": "warningM",
		"body": [
      "this.$$message.warning('$1')$2"
		],
		"description": "错误信息"
  },
  /*
 如这个例子。
 "Print to console"  将会作为提示内容。
 "prefix"   设置的是提示的前缀。
 "body"   快捷提示的内容。其中 $1 $2 或者类似的 ${1:content}都是光标位置占位符使用tab切换。
		  其中${1:content}这个写法可以让提示内容提前填充。
		  如果出现多个一样的光标位置占位符就会出现多个一起出现光标（多行编辑）。
		  类似的 $1 = ${1} 它们的意思是一样的。
"description"   直译它的意思就是词义
*/


// description是提示信息。

// vue.json
  // vue组件模板
  "Print to vueTemplate": {
    "prefix": "vueTemp",
    "body": ["<template>",
      "  <div>",
      "    $2",
      "  </div>",
      "</template>",
      "<script>",
      "export default {",
      "  name: '$1',",
      "}",
      "</script>",
      "<style lang='$3' scoped>",
      "",
      "</style>",
      ""
    ],
    "description": "vue组件模板"
  }

$message 这种放在模板中的$，使用了$$的方式。