VS code自定义代码片段

一、Go代码片段

比如在下面代码，在输入pln时智能提示：

fmt.Println() 

1.按Ctrl/Command+Shift+P，输入snippets，选择并单击该命令

2.然后在弹出的窗口点击选择go选项：

3.然后弹出页面中编辑内容:

{
	"println":{
		"prefix": "pln",
		"body":"fmt.Println($0)",
		"description": "println"
	},
	"printf":{
		"prefix": "plf",
		"body": "fmt.Printf(\"$0\")",
		"description": "printf"
	}
}

其中$0表示光标停留的位置。

举个例子，我这里创建了两个快捷方式，

• 输入pln就会在编辑器中插入fmt.Println()代码；
• 输入plf，就会插入fmt.Printf("")代码，光标自动在引号中。

配置完成后，保存并关闭配置文件即可。

当然可以定义多行代码段，用逗号分隔，因为body是一个数组。具体配置见下面内容。

如果嫌太多，看的烦，直接在本页ctrl+f搜索 发起get网络请求，具体看写法就可以。

二、vue代码片段

配置同上，由于我开发vue，所以选择创建vue.json

{
  "Element error msg": {
    "scope": "javascript,typescript",
    "prefix": "errmsg",
    "body": ["this.\\$message.error('$1')"],
    "description": "Element error msg"
  },
  "Element success msg": {
    "scope": "javascript,typescript",
    "prefix": "succmsg",
    "body": ["this.\\$message.success('$1')"],
    "description": "Element success msg"
  },
  "Element warning msg": {
    "scope": "javascript,typescript",
    "prefix": "warnmsg",
    "body": ["this.\\$message.warning('$1')"],
    "description": "Element warning msg"
  },
  "Element info msg": {
    "scope": "javascript,typescript",
    "prefix": "infomsg",
    "body": ["this.\\$message.info('$1')"],
    "description": "Element info msg"
  },
  "Element required": {
    "scope": "javascript,typescript",
    "prefix": "required",
    "body": [
      "name$1:[{ required: true, message: '请输入名称', trigger: 'blur' },]"
    ],
    "description": "Element required"
  },
  "Reg email": {
    "prefix": "regEmail",
    "body": [
      "const regEmail=/[\\w!#$%&'*+/=?^_`{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\\w](?:[\\w-]*[\\w])?.)+[\\w](?:[\\w-]*[\\w])?/"
    ],
    "description": "邮箱校验规则(所有语言都支持)"
  },
  "Reg mobile": {
    "prefix": "regMobile",
    "body": ["const regMebile=/^1[3-9]\\d{9}$/"],
    "description": "手机号校验规则(所有语言都支持)"
  },
  "ResetFields": {
    "prefix": "resetFields",
    "body": ["this.\\$refs.${1:formRef}.resetFields()"],
    "description": "重置表单"
  },
  "http get": {
    "prefix": "hget",
    "body": [
      "const {data:res} = await this.\\$http.get('${1:url}')",
      "if (res.${2:meta}.status !== 200) {",
      "\t return this.\\$message.error('${3:失败}')",
      "}",
      "$4"
    ],
    "description": "发起get网络请求"
  },
  "http post": {
    "prefix": "hpost",
    "body": [
      "const {data:res} = await this.\\$http.get('${1:url}',this.${2:object})",
      "if (res.${3:meta}.status !== 200) {",
      "\t return this.\\$message.error('${4:失败}')",
      "}",
      "$5"
    ],
    "description": "发起post网络请求"
  },
  "http put": {
    "prefix": "hput",
    "body": [
      "const {data:res} = await this.\\$http.put('${1:url}/'+ ${2:id},${3:parms})",
      "if (res.${4:meta}.status !== 200) {",
      "\t return this.\\$message.error('${5:失败}')",
      "}",
      "$6"
    ],
    "description": "发起put网络请求"
  },
  "validate": {
    "prefix": "vldForm",
    "body": [
      "this.\\$refs.${1:formRef}.validate(async valid => {",
      "\tif (!valid) return",
      "\t$2",
      "})"
    ],
    "description": "验证表单数据"
  }
}