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 相关文章推荐
IE8 原生JSON支持
Apr 13 Javascript
Javascript this 的一些学习总结
Aug 31 Javascript
THREE.JS入门教程(2)着色器-上
Jan 24 Javascript
js实现简单随机抽奖的方法
Jan 27 Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
Aug 02 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
详解10分钟学会vue滚动行为
Sep 21 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
Jun 11 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
Nov 26 Javascript
vue.js iview打包上线后字体图标不显示解决办法
Jan 20 Javascript
详解JS WebSocket断开原因和心跳机制
May 07 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学习笔记 数组遍历实现代码
2011/06/09 PHP
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
php通过递归方式复制目录和子目录的方法
2015/03/13 PHP
PHP简单判断手机设备的方法
2016/08/23 PHP
PHP反射原理与用法深入分析
2019/09/28 PHP
javascript 打印内容方法小结
2009/11/04 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
JS实现n秒后自动跳转的两种方法
2020/11/30 Javascript
解决vue v-for 遍历循环时key值报错的问题
2018/09/06 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
2019/07/25 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
跟老齐学Python之重回函数
2014/10/10 Python
浅谈Python单向链表的实现
2015/12/24 Python
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
对Python使用mfcc的两种方式详解
2019/01/09 Python
python自动发微信监控报警
2019/09/06 Python
python isinstance函数用法详解
2020/02/13 Python
python自动点赞功能的实现思路
2020/02/26 Python
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
2018/11/30 HTML / CSS
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
工作会议主持词
2014/03/17 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
小学教师师德整改措施
2014/09/29 职场文书
活动主持人开场白
2015/05/28 职场文书
导游词之桂林
2019/08/20 职场文书
go语言求任意类型切片的长度操作
2021/04/26 Golang
React列表栏及购物车组件使用详解
2021/06/28 Javascript