一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

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

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 国产成人在线播放 | 草莓香蕉绿巨人丝瓜榴莲污在线观看 | 亚洲上最大成网人站4438 | 日本指交 | 国产大神91一区二区三区 | 亚洲一二三区视频 | 国产欧美综合精品一区二区 | 日韩每日更新 | 亚洲色图影院 | 无码AV免费精品一区二区三区 | 天天插综合网 | 99只有精品 | 天堂网www在线观看 天堂欧美 | 美女免费观看一区二区三区 | 歪歪漫画a漫入口 | 成人伊在线影院 | 天天色综合色 | 欧美色精品天天在线观看视频 | 亚洲第一区在线观看 | 国语对白做受xxxx | 男同gay作爰视频网站 | 亚洲国产果果在线播放在线 | 91桃花视频 | 日韩欧美国产一区二区三区 | 亚洲精品久久久久福利网站 | 石原莉奈被店长侵犯免费 | 午夜神器18以下不能进免费 | 免费观看日本人成影片 | 糖心vlog麻豆精东影业传媒 | 亚洲品质自拍视频网站 | 天天夜夜啦啦啦 | 男女被爆动漫羞羞动漫 | 国产精品欧美韩国日本久久 | 16男男gaygays| 忘忧草高清 | 特级淫片大乳女子高清视频 | 日本福利视频网站 | 欧美灰丝袜丝交nylons | 毛片网站大全 | 鞋奴的视频VK | 古装一级无遮挡毛片免费观看 |