vscode 配置注释模版

2023-11-16 04:13| 来源: 网络整理| 查看: 265

打开配置文件，选择配置用户代码片段 windows：ctrl + shift + p打开 MAC：command + shift + p 配置文件内容 1.样式文件

css -> css.json scss -> scss.json less -> less.json

2.js文件

js -> javascript.json ts -> typescript.json

文件内容示例 css.json "Print to cssTitle": { "prefix": "cssNoteTitle", "body": [ "/*", " *@description: ", " *@author: 韩武洽 ", " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}", " *@version V1.0.5 ", "*/" ], "description": "Title对应css注释标题" }, "Print to cssItem":{ "prefix": "cssNoteItem", "body": [ "/*", " *@description: ", " *@author: 韩武洽 ", " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}", "*/" ], "description": "Item对应css类注释" } } javascript.json "Print to jsNoteTitle": { "prefix": "jsNoteTitle", "body": [ "/*", " *@description:", " *@author: 韩武洽", " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}", " *@version: V1.0.5", "*/" ], "description": "" }, "Print to jsfn": { "prefix": "jsfn", "body": [ "/*", " *@functionName: ${TM_CURRENT_LINE}", " *@params1: ${1:参数1}", " *@params2: ${2:参数2}", " *@params3: ${3:参数3}", " *@params4: ${4:参数4}", " *@description:", " *@author: 韩武洽", " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}", " *@version: V1.0.5", "*/" ], "description": "" }, "Print to jsModify": { "prefix": "jsModify", "body": [ "/*", " *@description:", " *@modifyContent:", " *@author: 韩武洽", " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}", "*/" ], "description": "" }, "Print to jsVariable": { "prefix": "jsVariable", "body": [ "/*", " *@description:", " *@author: 韩武洽", " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}", " *@variable1: ${1:变量1}", " *@variable2: ${2:变量2}", " *@variable3: ${3:变量3}", " *@variable4: ${4:变量4}", " *@variable5: ${5:变量5}", "*/" ], "description": "" } } vue.json "Print to vueTitle": { "prefix": "vueTitle", "body": [ "" ], "description": "在vue文件开头配置注释" } } vue-html.json "Print to htmlStart": { "prefix": "htmlStart", "body": [ "" ], "description": " Start在html区块开始时使用" }, "Print to htmlItem": { "prefix": "htmlEnd", "body": [ "" ], "description": " End在html区块开始时使用" } } 用法

css -> 在标签中间输入css会出现下面的选项 javascript -> 用法和css类似, 在script标签内输入js出现提示 vue -> 在vue文件头部使用，输入vue vue-html -> 在template中输入html 其他类型依次类推

参考链接🔗

【本文地址】

公司简介

联系我们