服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

2021-09-02 17:14Coder小何 JavaScript

这篇文章主要介绍了VSCode 添加自定义注释的方法(附带红色警戒经典注释风格),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

如何设置一个自定义注释

整洁的代码和注释风格总是给人一种眼前一亮、赏心悦目的感觉,同时详细的注释也是程序员所必须的职业素养之一
今天主要分享一下如何在vs code中设置自定义 注释

第一步:

使用ctrl + shift + p 调出如下窗口,并且输入snippets

VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

第二步:进入json文件编辑

这里以自定义js注释为例:

VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)

进入到 json 文件中后,添加如下代码,大家可以自定义设计,保存退出 我这里是一个类注释 一个方法注释

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
"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注释格式为 < - - ! - - >

?
1
2
3
4
5
6
7
8
"print to html method": {
    "prefix": "zhushihtml",
    "body": [
            "<!-- ",
      "**@description: $0",
            "-->"
    ],
  },

最后想分享一下红色警戒的源码 注释的格式 ,在红色警戒的源码公开之后,他的注释简直堪称经典
我整理了一下这段注释,致敬经典!

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
"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 添加自定义注释内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/qq_43377853/article/details/108194823

延伸 · 阅读

精彩推荐