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 相关文章推荐
FileUpload上传图片(图片不变形)
Aug 05 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
超赞的jQuery图片滑块动画特效代码汇总
Jan 25 Javascript
浅谈JavaScript的内置对象和浏览器对象
Jun 03 Javascript
完美实现js拖拽效果 return false用法详解
Jul 28 Javascript
vue两个组件间值的传递或修改方式
Jul 04 Javascript
javascript对HTML字符转义与反转义
Dec 13 Javascript
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
JavaScript实现页面中录音功能的方法
Jun 04 Javascript
解决Layui中layer报错的问题
Sep 03 Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 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遍历数组的方法汇总分析
2013/06/08 PHP
php数组合并的二种方法
2014/03/21 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
nodejs实用示例 缩址还原
2010/12/28 NodeJs
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
让人蛋疼的JavaScript语法特性
2014/09/30 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
js实现tab切换效果实例
2015/09/16 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
2020/08/21 Javascript
jQuery简单实现列表隐藏和显示效果示例
2016/09/12 Javascript
jQuery中.attr()和.data()的区别分析
2017/09/03 jQuery
vue.js父子组件通信动态绑定的实例
2018/09/28 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
2019/04/08 Javascript
2019最新21个MySQL高频面试题介绍
2020/02/06 Javascript
js实现动态时钟
2020/03/12 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
2020/04/17 Javascript
[01:51]DAC趣味视频-如何成为职业选手.mp4
2017/04/02 DOTA
python调用cmd命令行制作刷博器
2014/01/13 Python
Python2.X/Python3.X中urllib库区别讲解
2017/12/19 Python
Python 网络编程之UDP发送接收数据功能示例【基于socket套接字】
2019/10/11 Python
python实现百度OCR图片识别过程解析
2020/01/17 Python
使用Python三角函数公式计算三角形的夹角案例
2020/04/15 Python
python实现canny边缘检测
2020/09/14 Python
Python3中小括号()、中括号[]、花括号{}的区别详解
2020/11/15 Python
印尼在线精品店:Berrybenka.com
2016/10/22 全球购物
学校采购员岗位职责
2014/01/02 职场文书
给老师的道歉信
2014/01/11 职场文书
城管大队整治方案
2014/05/06 职场文书
考试作弊检讨
2015/01/27 职场文书
军训决心书范文
2015/09/22 职场文书
MySQL约束超详解
2021/09/04 MySQL