添加vscode自定義代碼塊

以vue爲例

1、打開vscode>文件>首選項>用戶代碼片斷>vue.json
2、編寫代碼塊 其中一行一句；$1是佔位符，就是你能夠輸入的地方。
"http get": {
  "prefix": "gg",//喚醒代碼塊的命令
  "body": [
   "this.$http.get('$1').then(",
   " function successCallback(res) {",
   "   console.log(res);",
   "},function errorCallback(err) {",
   "   console.log(err);",
   "}",
  ");",
   "$0"
  ], //代碼塊的主體
  "description": "http get"//代碼塊的介紹
 }
3、保存以後，打開任意vue文件輸入 gg 就能夠在提示框裏看到，選中回車。

效果：