VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)


Posted in Javascript onAugust 27, 2020

如何设置一个自定义注释

整洁的代码和注释风格总是给人一种眼前一亮、赏心悦目的感觉,同时详细的注释也是程序员所必须的职业素养之一
今天主要分享一下如何在VS Code中设置自定义 注释

第一步:

使用ctrl + shift + p 调出如下窗口,并且输入snippets

VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

第二步:进入json文件编辑

这里以自定义js注释为例:

VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

进入到 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}",
      "*/"
    ],
  },

第三步:

保存退出后,我们可以在js文件中看到智能提示

VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

点击之后会自动生成注释 ,同时date会自动生成

VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

注意一下,这里html注释稍有不同
因为html注释格式为 < - - ! - - >

"Print to html method": {
    "prefix": "zhushihtml",
    "body": [
			"<!-- ",
      "**@Description: $0",
			"-->"
    ],
  },

最后想分享一下红色警戒的源码 注释的格式 ,在红色警戒的源码公开之后,他的注释简直堪称经典
我整理了一下这段注释,致敬经典!

"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}         *",
      "*==================================================================================================*/"
    ],
  },

VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

由于这是我自己整理出来的,所以效果不是很好,所以大家请见谅,也希望大家能够继续完善

VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

总结

到此这篇关于VSCode 添加自定义注释(附带红色警戒经典注释风格)的文章就介绍到这了,更多相关VSCode 添加自定义注释内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
js新闻滚动 js如何实现新闻滚动效果
Jan 07 Javascript
JavaScript判断变量是否为undefined的两种写法区别
Dec 04 Javascript
jQuery获取对象简单实现方法小结
Oct 30 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
Aug 08 Javascript
javascript设置文本框光标的方法实例小结
Nov 04 Javascript
原生js实现简单的Ripple按钮实例代码
Mar 24 Javascript
详解angularjs实现echart图表效果最简洁教程
Nov 29 Javascript
JS中比较两个Object数组是否相等方法实例
Nov 11 Javascript
如何通过javaScript去除字符串两端的空白字符
Feb 06 Javascript
请求时token过期自动刷新token操作
Sep 11 Javascript
如何将Node.js中的回调转换为Promise
Nov 10 Javascript
js实现弹幕飞机效果
Aug 27 #Javascript
jQuery编写QQ简易聊天框
Aug 27 #jQuery
jQuery实现简单QQ聊天框
Aug 27 #jQuery
js实现前端界面导航栏下拉列表
Aug 27 #Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
Aug 27 #Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 #Javascript
js实现QQ邮箱邮件拖拽删除功能
Aug 27 #Javascript
You might like
ThinkPHP2.0读取MSSQL提示Incorrect syntax near the keyword 'AS'的解决方法
2014/06/25 PHP
PHP XML和数组互相转换详解
2016/10/26 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
2013/07/08 Javascript
jquery sortable的拖动方法示例详解
2014/01/16 Javascript
通过url查找a元素并点击
2014/04/09 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
domReady的实现案例
2016/11/23 Javascript
js实现时间轴自动排列效果
2017/03/09 Javascript
nodejs判断文件、文件夹是否存在及删除的方法
2017/11/10 NodeJs
JS调用安卓手机摄像头扫描二维码
2018/10/16 Javascript
layui的面包屑或者表单不显示的解决方法
2019/09/05 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
京东优选小程序的实现代码示例
2020/02/25 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
python查找第k小元素代码分享
2013/12/18 Python
python使用socket远程连接错误处理方法
2015/04/29 Python
Python实现的特征提取操作示例
2018/12/03 Python
python实现定时发送qq消息
2019/01/18 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
Python实现哲学家就餐问题实例代码
2020/11/09 Python
Python加载数据的5种不同方式(收藏)
2020/11/13 Python
python元组拆包实现方法
2021/02/28 Python
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
C#面试题
2016/05/06 面试题
2014年迎新年活动方案
2014/02/19 职场文书
客户接待方案
2014/02/26 职场文书
普通党员群众路线教育实践活动心得体会
2014/11/04 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang
springboot+zookeeper实现分布式锁
2022/03/21 Java/Android
SQL Server中的游标介绍
2022/05/20 SQL Server