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制作的鼠标悬浮时产生的下拉框效果
Oct 27 Javascript
无缝滚动js代码通俗易懂(自写)
Jun 19 Javascript
jquery利用ajax调用后台方法实例
Aug 23 Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 Javascript
利用jQuery中的ajax分页实现代码
Feb 25 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 Javascript
轻松掌握JavaScript状态模式
Sep 07 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
Sep 23 Javascript
微信小程序实现左滑修改、删除功能
Oct 19 Javascript
JavaScript中this用法学习笔记
Mar 17 Javascript
vue自定义指令之面板拖拽的实现
Apr 14 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 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 过滤危险html代码
2009/06/29 PHP
php面向对象全攻略 (十七) 自动加载类
2009/09/30 PHP
解析php根据ip查询所在地区(非常有用,赶集网就用到)
2013/07/01 PHP
新浪微博OAuth认证和储存的主要过程详解
2015/03/27 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
Laravel中为什么不使用blpop取队列详析
2018/08/01 PHP
PHP实现倒计时功能
2020/11/16 PHP
JavaScript类和继承 constructor属性
2010/03/04 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
2013/07/16 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
基于jQuery实现选取月份插件附源码下载
2015/12/28 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
2017/01/11 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
在Python编程过程中用单元测试法调试代码的介绍
2015/04/02 Python
python类和继承用法实例
2015/07/07 Python
pyenv命令管理多个Python版本
2017/03/26 Python
详谈Python高阶函数与函数装饰器(推荐)
2017/09/30 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
OpenCV 模板匹配
2019/07/10 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
英国太阳镜品牌:Taylor Morris Eyewear
2018/04/18 全球购物
美国婚礼装饰和活动用品批发供应商:Event Decor Direct
2018/10/12 全球购物
面向对象编程的优势是什么
2015/12/17 面试题
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
一名女生的自荐信
2013/12/08 职场文书
创业计划书如何吸引他人眼球
2014/01/10 职场文书
食品安全工作方案
2014/05/07 职场文书
白莲教口号
2014/06/18 职场文书
院党委组织查摆问题对照检查材料思想汇报2014
2014/10/08 职场文书
Redis Cluster 字段模糊匹配及删除
2021/05/27 Redis