vscode 配置代码片段

165 阅读1分钟
  1. 在文件中找到首选项,然后配置用户代码片段
  2. image.png
  3. 输入vue,enter进入
  4.  "vue3+ts": {
       "prefix": "vue3+ts",
       "description": "vue3+ts模板",
       "body": [
     	"${BLOCK_COMMENT_START}",
     	" *  new page",
     	" * @author: rendewang",
     	" * @since: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}",
     	" * ${TM_FILENAME}",
     	"${BLOCK_COMMENT_END}",
     	"<template>",
     	"  <div class=\"container\">${1}</div>",
     	"</template>",
     	"",
     	"<script setup lang=\"ts\"></script>",
     	"",
     	"<style scoped></style>",
     	""
       ]
     },
     "vue3": {
     	"prefix": "vue3",
     	"description": "vue3模板",
     	"body": [
     	  "${BLOCK_COMMENT_START}",
     	  " * new page",
     	  " * @author: rendewang",
     	  " * @since: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}",
     	  " * ${TM_FILENAME}",
     	  "${BLOCK_COMMENT_END}",
     	  "<template>",
     	  "  <div class=\"container\">${1}</div>",
     	  "</template>",
     	  "",
     	  "<script setup></script>",
     	  "",
     	  "<style scoped></style>",
     	  ""
     	]
       }
    

粘贴以上代码,放进你的文件中,保存

image.png

其中 ${1}代表代码片段生成后,光标所在位置,

${BLOCK_COMMENT_START}、 ${BLOCK_COMMENT_END} 分别代表注释开始、注释结束。

分别代表生成代码时的年、月、日。常用的还有:

${CURRENT_YEAR_SHORT} 当前年,后两位
${CURRENT_MONTH} 当前月,以两位数字表示
${CURRENT_MONTH_NAME} 当前月,全名(例如"七月")
${CURRENT_MONTH_NAME_SHORT} 当前月,短名称(例如"Jul")
${CURRENT_DATE} 当前日,以两位数字表示(例如"08")
${CURRENT_DAY_NAME} 当前星期,名称(例如"星期一")
${CURRENT_DAY_NAME_SHORT} 当前星期,短名称(例如"周一")
${CURRENT_HOUR} 当前小时,以两位数表示
${CURRENT_MINUTE} 当前分钟,以两位数表示
${CURRENT_SECOND} 当前秒数,以两位数表示
${CURRENT_SECONDS_UNIX} 自 Unix 纪元以来的秒数

${TM_FILENAME}
代表当前文件名称。常用的还有:
${TM_SELECTED_TEXT} 当前选定的文本或空字符串
${TM_CURRENT_LINE} 当前行的内容
${TM_CURRENT_WORD} 光标下单词的内容或空字符串
${TM_LINE_INDEX} 基于零索引的行号
${TM_LINE_NUMBER} 基于一个索引的行号
${TM_FILENAME_BASE} 不带扩展名的当前文档的文件名
${TM_DIRECTORY} 当前文档的目录
${TM_FILEPATH} 当前文档的完整文件路径
${RELATIVE_FILEPATH} 当前文档的相对(相对于打开的工作空间或文件夹)文件路径
${CLIPBOARD} 剪贴板的内容
${WORKSPACE_NAME} 打开的工作区或文件夹的名称
${WORKSPACE_FOLDER} 打开的工作区或文件夹的路径


原文链接:https://blog.csdn.net/u010358183/article/details/123599491