Project Snippets

一个用于项目级的代码片段生成工具！可以简单快速的创建自己的代码片段！

命令	描述
`project-snippets.create`	创建一个代码片段
`project-snippets.setPrefix`	自定义唤醒词前缀
`project-snippets.setDefaultPrefix`	设置为默认唤醒词前缀 `agree-`
`project-snippets.setDefaultConfigFileName`	自定义配置文件名
`project-snippets.setConfigFileName`	设置为默认配置文件名 `snippet.code-snippets`

常用变量

语法	说明	示例
`$0`	焦点最后落到的位置	`<div>$0</div>`
`$1, $2 ... $n`	可跳转的占位符(按数字大小跳转)	`name: '$1'`
`${1:default}`	带默认值的占位符	`${1:count}: 0`
`$TM_FILENAME`	当前文件名	`MyComponent.vue`
`$TM_FILENAME_BASE`	不带扩展名的文件名	`MyComponent`
`$CURRENT_YEAR`	当前年份	`2025`
`$CURRENT_MONTH`	当前月份（两位数）	`06`
`$CURRENT_DATE`	当前日期（两位数）	`26`
`$CURRENT_HOUR`	当前小时（24小时制）	`15`
`$CURRENT_MINUTE`	当前分钟	`30`
`$CURRENT_SECOND`	当前秒数	`45`
`$CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND`	yyyy-MM-dd HH:mm:ss 格式的日期	`2025-06-28`
`TM_FILEPATH`	绝对路径	-
`$RELATIVE_FILEPATH`	相对路径	-

代码片段创建

打开一个 Vue 文件，选中你想要生成模板的代码片段，并按下快捷键 ctrl + shift + p 唤起命令行，输入如下命令并回车：

project-snippets.create

输入片段名(英文)，插件会生成默认片段名称，允许修改！确定请继续回车！
输入唤醒词，插件会生成默认唤醒词(当前文件名)，允许修改，请尽可能简洁！确定请继续回车！
输入描述信息，尽可能简洁明了，确定请继续回车，恭喜你已经在该工程下创建好了自己的代码片段，提交代码就可以提供给项目组其他成员使用了！
设置是否添加文件头描述信息（支持语言格式 js/ts/vue），例如：

/**
 * @Author: YourName
 * @Date: 2025-06-30 00:27:21
 * @LastEditors: YourName
 * @LastEditTime: 2025-06-30 00:27:21
 * @Description: Description
 * @FilePath: Relative Path
 */

<!--
* @Author: YourName
* @Date: 2025-06-30 00:30:40
* @LastEditors: YourName
* @LastEditTime: 2025-06-30 00:30:40
* @Description: Description
* @FilePath: Relative Path
-->

设置唤醒词前缀

该插件会添加默认前缀 agree, 如希望改为其他前缀，可以按下快捷键 ctrl + shift + p 唤起命令行，输入如下命令并回车：

project-snippets.setPrefix

输入要修改的唤醒词前缀后，回车即可！

设置保存生成的代码片段配置文件名

该插件默认配置在当前工程 .vscode/snippet.code-snippets 文件中，如果想要修改名称，可以执行如下命令：

project-snippets.setConfigFileName

输入要修改的文件名称后，回车即可，注意不要输入中文/特殊符号！

代码片段文件类型自动识别

即在符合指定类型的文件中，输入触发词后代码片段才会提示！
如需要修改, 可自行在项目代码片段配置文件中找到该片段修改 scope 值。

原始文件类型	可应用的文件
`javascript`	`javascript, typescript`
`typescript`	`typescript`
`html`	`vue, html`
`vue`	`vue, html`

project code snippets

mulining