Vue JAVA开发常用模板

1.VsCode添加模板

左下角设置==》用户代码片段

Vue JAVA开发常用模板_第1张图片

 新建全局代码片段==》将模板粘贴仅文件(prefix用于指定触发关键字)

 Vue JAVA开发常用模板_第2张图片

添加成功过后输入配置的关键字即可使用 

Vue JAVA开发常用模板_第3张图片

1.1 vue2模板


{
    // Example:
    "Print to console": {
      "prefix": "vue2",
      "body": [
        "",
        "",
        "",
        ""
      ],
      "description": "Log output to console"
    }
  }
  
  

1.2 vue3模板

{
	"Print to console": {
		"prefix": "vue3",
		"body": [
			"",
			"",
			"",
			""
		],
		"description": "Log output to console"
	}
}

2.IDEA添加模板

File ==》 Settings==》Editor==》Live Templates

 打开后在右侧点击“+”==》Template Group

Vue JAVA开发常用模板_第4张图片

 输入组命名《userDefine》

Vue JAVA开发常用模板_第5张图片

 选中新增的Template Group==》“+”==》Live Template

 Vue JAVA开发常用模板_第6张图片

 Abbreviation:缩写(快捷键)

Template text:模板内容(此处填写下方模板内容)

Edit Variables (Edit  Template Variables):模板变量(此处在模板配置处会有详细配置)。

Vue JAVA开发常用模板_第7张图片

 配置完成后生成模板:

方式一:直接输入(Abbreviation)配置内容生成模板。

方式二:输入(/*Abbreviation配置内容+tab )。

备注:下方模板全部为方式二的,如果使用方式一,模板第一行要对应添加 “/*”

效果:

 Vue JAVA开发常用模板_第8张图片

2.1 类注释模板

2.1.1 类注释配置(Edit Variables):

className:className()

date:date()

time:time()

Vue JAVA开发常用模板_第9张图片 2.1.2类注释内容:

*
 * @Description
 * @ClassName $className$
 * @Author LY
 * @Date $date$ $time$
 **/

2.2 方法注释模板

2.2.1 方法注释配置(Edit Variables):

params:methodParameters()

return:methodReturnType()

date:date()

time:time()

Vue JAVA开发常用模板_第10张图片

2.2.3 方法注释内容:

*
 * @Description
 * @Author LY
 * @Param $params$
 * @return $return$
 * @Date $date$ $time$
 **/

欢迎补充

你可能感兴趣的:(vscode,intellij-idea)