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 相关文章推荐
面向对象的编程思想在javascript中的运用上部
Nov 20 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
学习JavaScript的最佳方法分享
Oct 21 Javascript
javascript设计模式 接口介绍
Jul 24 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
Aug 15 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
Mar 03 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 Javascript
AngularJS入门教程中SQL实例详解
Jul 27 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
Jun 28 Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
Aug 01 Javascript
node.js环境搭建图文详解
Sep 19 Javascript
浅探express路由和中间件的实现
Sep 30 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
咖啡因含量是由谁决定的?低因咖啡怎么来?低因咖啡适合什么人喝
2021/03/06 新手入门
php中用文本文件做数据库的实现方法
2008/03/27 PHP
ThinkPHP中的create方法与自动令牌验证实例教程
2014/08/22 PHP
PHP封装的PDO数据库操作类实例
2017/06/21 PHP
利用PHP扩展Xhprof分析项目性能实践教程
2018/09/05 PHP
js form action动态修改方法
2008/11/04 Javascript
基于jquery的商品展示放大镜
2010/08/07 Javascript
ExtJS4给Combobox设置列表中的默认值示例
2014/05/02 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
2014/08/22 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
详解Angular.js的$q.defer()服务异步处理
2016/11/06 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
2016/12/14 Javascript
手机软键盘弹出时影响布局的解决方法
2016/12/15 Javascript
jQuery实现对象转为url参数的方法
2017/01/11 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
python中OrderedDict的使用方法详解
2017/05/05 Python
python爬虫获取多页天涯帖子
2018/02/23 Python
django连接mysql配置方法总结(推荐)
2018/08/18 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
土耳其玩具商店:Toyzz Shop
2019/08/02 全球购物
英国领先的高级美容和在线皮肤诊所:Face the Future
2020/06/17 全球购物
工商企业管理应届生求职信
2013/11/03 职场文书
公司门卫管理制度
2014/02/01 职场文书
中专毕业生自我鉴定
2014/02/02 职场文书
招商专员岗位职责
2014/02/08 职场文书
三严三实民主生活会发言稿
2014/10/13 职场文书
2015年档案管理工作总结
2015/04/08 职场文书
python四种出行路线规划的实现
2021/06/23 Python
Win11怎么修改电源模式?Win11修改电源模式的方法
2022/04/05 数码科技
《金肉人》米特&《航海王》阿鹤声优松岛实因胰脏癌去世 享寿81岁
2022/04/13 日漫