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 相关文章推荐
JQuery 学习笔记 选择器之一
Jul 23 Javascript
js中switch case循环实例代码
Dec 30 Javascript
输入框过滤非数字的js代码
Sep 18 Javascript
JavaScript函数使用的基本教程
Jun 04 Javascript
Vue.js路由组件vue-router使用方法详解
Dec 02 Javascript
从零学习node.js之利用express搭建简易论坛(七)
Feb 25 Javascript
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
详解js几个绕不开的事件兼容写法
Aug 30 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
Sep 01 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
jQuery 动画与停止动画效果实例详解
May 19 jQuery
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 shell命令合并图片的代码
2011/06/23 PHP
PHP实现异步调用方法研究与分享
2011/10/27 PHP
mac下安装nginx和php
2013/11/04 PHP
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
一张表搞清楚php is_null、empty、isset的区别
2015/07/07 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
浅谈mysql_query()函数的返回值问题
2016/09/05 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
jquery text,radio,checkbox,select操作实现代码
2009/07/09 Javascript
checkbox使用示例
2013/08/23 Javascript
jQuery实现拼图小游戏(实例讲解)
2017/07/24 jQuery
vue和小程序项目中使用iconfont的方法
2020/05/19 Javascript
Python实现的HTTP并发测试完整示例
2020/04/23 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
利用django+wechat-python-sdk 创建微信服务器接入的方法
2019/02/20 Python
Python之time模块的时间戳,时间字符串格式化与转换方法(13位时间戳)
2019/08/12 Python
python GUI库图形界面开发之PyQt5窗口布局控件QStackedWidget详细使用方法
2020/02/27 Python
Python 输出详细的异常信息(traceback)方式
2020/04/08 Python
python实现猜单词游戏
2020/05/22 Python
Django实现内容缓存实例方法
2020/06/30 Python
Python如何解除一个装饰器
2020/08/07 Python
python3中TQDM库安装及使用详解
2020/11/18 Python
Speedo美国:澳大利亚顶尖泳衣制造商
2016/08/03 全球购物
英国现代家具和照明购物网站:Heal’s
2019/10/30 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
护理专科毕业推荐信
2013/11/10 职场文书
高中班级口号
2014/06/09 职场文书
环保宣传标语
2014/06/12 职场文书
IT工程师岗位职责
2014/07/04 职场文书
建筑节能汇报材料
2014/08/22 职场文书
小学师德师风演讲稿
2014/09/02 职场文书
党支部先进事迹材料
2014/12/24 职场文书
寒假安全保证书
2015/02/28 职场文书
超市员工辞职信范文
2015/05/12 职场文书
会议主持词结束语
2015/07/03 职场文书