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 這種放在模板中的$，使用了$$的方式。