vscode设置代码模板,变量值——自动生成文件名、作者、创建日期等信息

10 篇文章 1 订阅
7 篇文章 0 订阅

 这是我配置.vue的代码模板:

 如果有需要代码如下:

{
	"Print to console": {
		"prefix": "vue", //这个vue就是每次快速找到这个模块的关键
		"body": [
			"<template>",
			"$1",
			"</template>",
			"",
			"<script>",
			"\texport default {",
			"\t\tname:\"${TM_FILENAME_BASE}\"",
			"\t}",
			"</script>",
			"",
			"<style scoped>",
			"",
			"</style>"
		],
		"description": "A vue file template"
	}
}

 

 打开 vs­code 在左下角设置图标 -> 用户代码片段
For_Loop: 当前 snip­pet 名字。
pre­fix: 前缀,代码块使用快捷方式;键入前缀,按 tab 键,代码块就会被使用。
body: 代码块内容;换行使用 rn。
de­scrip­tion: 键入前缀,vs­code 感知到前缀,显示的说明内容。
$1,$2,$0: 指定代码模块生成后,编辑光标出现位置;使用 Tab 键进行切换 (编辑光标按 $1,$2,$3...$0 的顺序跳转),$0 是光标最后可切换位置。

 Snippet语法

Tabstops

$1,$2 指定代码块生成后,光标出现的位置;不同位置的相同 $1 位置同时出现光标。

Placeholders

给光标出现位置加上默认值;例如,${1:an­other ${2:place­holder}};$1 处位置默认值是 an­other。

Choice

光标位置设置多个值可供选择;例如,${1|one,two,three|};$1 位置处可以选择 one,two,three 中一个词填充在此处。

Variables

常用变量
    TM_SELECTED_TEXT 当前选中内容或空字符串
    TM_CURRENT_LINE 当前行内容
    TM_CURRENT_WORD 光标处字符或空字符串
    TM_LINE_INDEX 从0开始的行号
    TM_LINE_NUMBER 从1开始的行号
    TM_FILENAME 当前被编辑文档名
    TM_FILENAME_BASE 当前被编辑文档名,没有后缀
    TM_DIRECTORY 当前被编辑文档目录
    TM_FILEPATH 当前被编辑文档全路径
    CLIPBOARD 当前剪切板内容

日期和时间相关变量
    CURRENT_YEAR 当前年
    CURRENT_YEAR_SHORT 当前年后两位
    CURRENT_MONTH 月份,两位数字表示,例如02
    CURRENT_MONTH_NAME 月份全称,例如 'July'
    CURRENT_MONTH_NAME_SHORT 月份简写 ,例如'Jul
    CURRENT_DATE 某天
    CURRENT_DAY_NAME 星期几, 例如'Monday')
    CURRENT_DAY_NAME_SHORT 星期几的简写, 'Mon'
    CURRENT_HOUR 小时,24小时制
    CURRENT_MINUTE 分钟
    CURRENT_SECOND 秒数

 

参考链接:https://www.88ksk.cn/blog/article/31.html

  • 2
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值