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实现的页内搜索代码
May 23 Javascript
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
js中的referrer返回上一页使用介绍
Sep 26 Javascript
jQuery异步加载数据并添加事件示例
Aug 24 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
原生js实现手风琴功能(支持横纵向调用)
Jan 13 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
Jul 31 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
JS实现简单贪吃蛇小游戏
Oct 28 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
社区(php&amp;&amp;mysql)三
2006/10/09 PHP
PHP4中session登录页面的应用
2008/07/25 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
PHP类的声明与实例化及构造方法与析构方法详解
2016/01/26 PHP
PHP微商城开源代码实例
2019/03/27 PHP
js 单引号 传递方法
2009/06/22 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
jquery中交替点击事件的实现代码
2014/02/14 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
JQuery实现防止退格键返回的方法
2015/02/12 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
JS 实现banner图片轮播效果(鼠标事件)
2017/08/04 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
2019/08/23 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
[07:54]DOTA2-DPC中国联赛 正赛 iG vs VG 选手采访
2021/03/11 DOTA
11个并不被常用但对开发非常有帮助的Python库
2015/03/31 Python
python开发环境PyScripter中文乱码问题解决方案
2016/09/11 Python
对pandas数据判断是否为NaN值的方法详解
2018/11/06 Python
PyTorch 1.0 正式版已经发布了
2018/12/13 Python
Python实现将多个空格换为一个空格.md的方法
2018/12/20 Python
Python多图片合并PDF的方法
2019/01/03 Python
Django外键(ForeignKey)操作以及related_name的作用详解
2019/07/29 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
tornado+celery的简单使用详解
2019/12/21 Python
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
保安部任务及岗位职责
2014/02/25 职场文书
学生安全承诺书
2014/05/22 职场文书
党员一帮一活动总结
2014/07/08 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
会计岗位职责
2015/02/03 职场文书
结婚典礼主持词
2015/06/29 职场文书
2016年大学生实习单位评语
2015/12/01 职场文书
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python