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 相关文章推荐
HTML中不支持静态Expando的元素的问题
Mar 08 Javascript
基于jquery用于查询操作的实现代码
May 10 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
Nov 14 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
Jun 21 Javascript
AngularJS 中文API参考手册
Jul 28 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
Sep 01 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
微信小程序实战之上拉(分页加载)效果(2)
Apr 17 Javascript
AngularJS 中的数据源的循环输出
Oct 12 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
Oct 26 Javascript
webpack-mvc 传统多页面组件化开发详解
May 07 Javascript
vue项目中自定义video视频控制条的实现代码
Apr 26 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中使用反射技术的架构插件使用说明
2010/05/18 PHP
PHP 八种基本的数据类型小结
2011/06/01 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
PHP版本升级到7.x后wordpress的一些修改及wordpress技巧
2015/12/25 PHP
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
使用Jquery实现点击文字后变成文本框且可修改
2013/09/21 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
2015/03/04 Javascript
nodejs 中模拟实现 emmiter 自定义事件
2016/02/22 NodeJs
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
2016/08/11 Javascript
easyui tree带checkbox实现单选的简单实例
2016/11/07 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
js封装成插件的步骤方法
2017/09/11 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
详解node child_process模块学习笔记
2018/01/24 Javascript
在 Angular中 使用 Lodash 的方法
2018/02/11 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
[02:56]DOTA2矮人直升机 英雄基础教程
2013/11/26 DOTA
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
python topN 取最大的N个数或最小的N个数方法
2018/06/04 Python
python 正确保留多位小数的实例
2018/07/16 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
Python自动抢红包教程详解
2019/06/11 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
Python如何在bool函数中取值
2020/09/21 Python
英国度假别墅预订:Sykes Cottages
2017/06/12 全球购物
升职自荐信范文
2013/10/05 职场文书
《夸父追日》教学反思
2014/02/26 职场文书
多媒体专业自我鉴定
2014/02/28 职场文书
表彰会主持词
2014/03/26 职场文书
大学生年度个人总结
2015/02/15 职场文书
普通员工辞职信范文
2015/05/12 职场文书