首页 >> js开发 >> jsVSCode 添加自定义注释的方法(附带红色警戒经典注释风格)js大全
jsVSCode 添加自定义注释的方法(附带红色警戒经典注释风格)js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
如何设置一个自定义注释如何设置一个自定义注释如何设置一个自定义注释整洁的代码和注释风格总是给人一种眼前一亮、赏心悦目的感觉,同时详细的注释也是程序员所必须的职业素养之一
今天主要分享一下如何在VS Code中设置自定义 注释第一步:第一步:使用ctrl + shift + p 调出如下窗口,并且输入snippetsctrl + shift + p第二步:进入json文件编辑第二步:进入json文件编辑这里以自定义js注释为例:进入到 json 文件中后,添加如下代码,大家可以自定义设计,保存退出 我这里是一个类注释 一个方法注释
"Print to js class": {
"prefix": "zhushiclass",
"body": [
"/*",
" *@Description: $0",
" *@ClassAuthor: Tian Qin",
" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"*/"
],
},
"Print to js method": {
"prefix": "zhushimethod",
"body": [
"/*",
" *@Description: $0",
" *@MethodAuthor: HeLihui",
" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"*/"
],
},
"Print to js class": {
"prefix": "zhushiclass",
"body": [
"/*",
" *@Description: $0",
" *@ClassAuthor: Tian Qin",
" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"*/"
],
},
"Print to js method": {
"prefix": "zhushimethod",
"body": [
"/*",
" *@Description: $0",
" *@MethodAuthor: HeLihui",
" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"*/"
],
},第三步:第三步:保存退出后,我们可以在js文件中看到智能提示点击之后会自动生成注释 ,同时date会自动生成注意一下,这里html注释稍有不同
因为html注释格式为 < - - ! - - >这里html注释稍有不同
"Print to html method": {
"prefix": "zhushihtml",
"body": [
""
],
},
"Print to html method": {
"prefix": "zhushihtml",
"body": [
""
],
},最后想分享一下红色警戒的源码 注释的格式 ,在红色警戒的源码公开之后,他的注释简直堪称经典
我整理了一下这段注释,致敬经典!
"Print to js api": {
"prefix": "hongsejingjie",
"body": [
"/***************************************************************************************************",
" * AircraftClass :: $0
*",
" *
@Description: $0
*",
" *
@Description: $0
*",
" *
@Description: $0
*",
" *
*",
" * INPUT:$0
*",
" *
*",
" * OUTPUT:$0
*",
" *
*",
" * WARNINGS:$0
*",
" * HISTORY:
*",
" *
@MethodAuthor: HeLihui
*",
" *
@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}
*",
"*==================================================================================================*/"
],
},
"Print to js api": {
"prefix": "hongsejingjie",
"body": [
"/***************************************************************************************************",
" * AircraftClass :: $0
*",
" *
@Description: $0
*",
" *
@Description: $0
*",
" *
@Description: $0
*",
" *
*",
" * INPUT:$0
*",
" *
*",
" * OUTPUT:$0
*",
" *
*",
" * WARNINGS:$0
*",
" * HISTORY:
*",
" *
@MethodAuthor: HeLihui
*",
" *
@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}
*",
"*==================================================================================================*/"
],
},
由于这是我自己整理出来的,所以效果不是很好,所以大家请见谅,也希望大家能够继续完善总结总结总结
今天主要分享一下如何在VS Code中设置自定义 注释第一步:第一步:使用ctrl + shift + p 调出如下窗口,并且输入snippetsctrl + shift + p第二步:进入json文件编辑第二步:进入json文件编辑这里以自定义js注释为例:进入到 json 文件中后,添加如下代码,大家可以自定义设计,保存退出 我这里是一个类注释 一个方法注释
"Print to js class": {
"prefix": "zhushiclass",
"body": [
"/*",
" *@Description: $0",
" *@ClassAuthor: Tian Qin",
" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"*/"
],
},
"Print to js method": {
"prefix": "zhushimethod",
"body": [
"/*",
" *@Description: $0",
" *@MethodAuthor: HeLihui",
" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"*/"
],
},
"Print to js class": {
"prefix": "zhushiclass",
"body": [
"/*",
" *@Description: $0",
" *@ClassAuthor: Tian Qin",
" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"*/"
],
},
"Print to js method": {
"prefix": "zhushimethod",
"body": [
"/*",
" *@Description: $0",
" *@MethodAuthor: HeLihui",
" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"*/"
],
},第三步:第三步:保存退出后,我们可以在js文件中看到智能提示点击之后会自动生成注释 ,同时date会自动生成注意一下,这里html注释稍有不同
因为html注释格式为 < - - ! - - >这里html注释稍有不同
"Print to html method": {
"prefix": "zhushihtml",
"body": [
""
],
},
"Print to html method": {
"prefix": "zhushihtml",
"body": [
""
],
},最后想分享一下红色警戒的源码 注释的格式 ,在红色警戒的源码公开之后,他的注释简直堪称经典
我整理了一下这段注释,致敬经典!
"Print to js api": {
"prefix": "hongsejingjie",
"body": [
"/***************************************************************************************************",
" * AircraftClass :: $0
*",
" *
@Description: $0
*",
" *
@Description: $0
*",
" *
@Description: $0
*",
" *
*",
" * INPUT:$0
*",
" *
*",
" * OUTPUT:$0
*",
" *
*",
" * WARNINGS:$0
*",
" * HISTORY:
*",
" *
@MethodAuthor: HeLihui
*",
" *
@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}
*",
"*==================================================================================================*/"
],
},
"Print to js api": {
"prefix": "hongsejingjie",
"body": [
"/***************************************************************************************************",
" * AircraftClass :: $0
*",
" *
@Description: $0
*",
" *
@Description: $0
*",
" *
@Description: $0
*",
" *
*",
" * INPUT:$0
*",
" *
*",
" * OUTPUT:$0
*",
" *
*",
" * WARNINGS:$0
*",
" * HISTORY:
*",
" *
@MethodAuthor: HeLihui
*",
" *
@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}
*",
"*==================================================================================================*/"
],
},
由于这是我自己整理出来的,所以效果不是很好,所以大家请见谅,也希望大家能够继续完善总结总结总结
相关文章:
- jsVUE异步更新DOM - 用$nextTick解决DOM视图的问题js大全
- js解决vue 使用axios.all()方法发起多个请求控制台报错的问题js大全
- jsnuxt 路由、过渡特效、中间件的实现代码js大全
- js微信小程序中target和currentTarget的区别小结js大全
- jsnuxt静态部署打包相对路径操作js大全
- js解决nuxt页面中mounted、created、watch执行两遍的问题js大全
- js解决VUE 在IE下出现ReferenceError: Promise未定义的问题js大全
- JavaScriptNuxt.js的路由跳转操作(页面跳转nuxt-link)
- JavaScriptNodejs + sequelize 实现增删改查操作
- js微信小程序调用后台service教程详解js大全