vscode如何添加不显示在网页上的注释
1、首先打开vscode软件。
2、其次在软件当中，按住键盘的“Ctrl”+“/”键。
3、最后即可输入注释，然后右击选择隐藏，即可添加成不显示在网页上。
vscode快捷键
vscode快捷键：CTRL+可空行注释，选中某行注释，多行注释!+tab/enter生成基本代码块。
（1）margin-left：10px；左外边距。
（2）margin-right：10px；右外边距。
（3）margin-top：10px；上外边距。
（4）margin-bottom：10px；下外边距。
（5）margin：10px；四边统一外边距。
（6）margin：10px20px；上下、左右外边距。
（7）margin：10px20px30px；上、左右、下外边距。
（8）margin：10px20px30px40px；上、右、下、左外边距。
含义
快捷键叫快速键或热键，指通过某些特定的按键、按键顺序或按键组合来完成一个操作，很多快捷键往往与如：Ctrl 键、Shift 键、Alt 键、Fn 键、 Windows 键等配合使用。利用快捷键可以代替鼠标做一些工作，可以利用键盘快捷键打开、关闭和导航“开始”菜单、桌面、菜单、对话框以及网页，Word里面也可以用到快捷键。
vscodedll显示备注
【1】安装
扩展商店搜索koroFileHeader
在这里插入图片描述
【2】配置
ctrl+shelf+p 输入 open setting
在这里插入图片描述
搜索fileheader
在这里插入图片描述
编辑.json文件
ctrl+A全选代码后替换以下代码
{
// 头部注释
"fileheader.customMade": {
// 头部注释默认字段
"Author": "your name",
"Date": "Do not edit", // 设置后默认设置文件生成时间
"LastEditTime": "Do not edit", // 设置后，保存文件更改默认更新最后编辑时间
"LastEditors": "your name", // 设置后，保存文件更改默认更新最后编辑人
"Description": "",
"FilePath": "Do not edit", // 设置后，默认生成文件相对于项目的路径
"custom_string_obkoro1": "可以输入预定的版权声明、个性签名、空行等"
},
// 函数注释
"fileheader.cursorMode": {
// 默认字段
"description":"",
"param":"",
"return":""
},
// 插件配置项
"fileheader.configObj": {
"autoAdd": false, // 检测文件没有头部注释，自动添加文件头部注释
"autoAddLine": 100, // 文件超过多少行数 不再自动添加头部注释
"autoAlready": true, // 只添加插件支持的语言以及用户通过`language`选项自定义的注释
"supportAutoLanguage": [], // 设置之后，在数组内的文件才支持自动添加
// 自动添加头部注释黑名单
"prohibitAutoAdd": [
"json"
],
"prohibitItemAutoAdd": [ "项目的全称禁止项目自动添加头部注释, 使用快捷键自行添加" ],
"folderBlacklist": [ "node_modules" ], // 文件夹或文件名禁止自动添加头部注释
"wideSame": false, // 头部注释等宽设置
"wideNum": 13, // 头部注释字段长度 默认为13
"functionWideNum": 0, // 函数注释等宽设置 设为0 即为关闭
// 头部注释第几行插入
"headInsertLine": {
"php": 2 // php文件 插入到第二行
},
"beforeAnnotation": {}, // 头部注释之前插入内容
"afterAnnotation": {}, // 头部注释之后插入内容
"specialOptions": {}, // 特殊字段自定义
"switch": {
"newlineAddAnnotation": true // 默认遇到换行符(\r\n \n \r)添加注释符号
},
"moveCursor": true, // 自动移动光标到Description所在行
"dateFormat": "YYYY-MM-DD HH:mm:ss",
"atSymbol": ["@", "@"], // 更改所有文件的自定义注释中的@符号
"atSymbolObj": {}, // 更改单独语言/文件的@
"colon": [": ", ": "], // 更改所有文件的注释冒号
"colonObj": {}, // 更改单独语言/文件的冒号
"filePathColon": "路径分隔符替换", // 默认值： mac: / window是: \
"showErrorMessage": false, // 是否显示插件错误通知 用于debugger
"writeLog": false, // 错误日志生成
"CheckFileChange": false, // 单个文件保存时进行diff检查
"createHeader": false, // 新建文件自动添加头部注释
"useWorker": false, // 是否使用工作区设置
"designAddHead": true, // 添加注释图案时添加头部注释
"headDesignName": "random", // 图案注释使用哪个图案
/*
'random', // 随机
'buddhalImg', // 佛祖
'buddhalImgSay', // 佛祖+佛曰
'buddhalSay', // 佛曰
'totemDragon', // 龙图腾
'belle', // 美女
'coderSong', // 程序员之歌
'loitumaGirl', // 甩葱少女
'keyboardAll', // 全键盘
'keyboardSmall', // 小键盘
'totemWestDragon', // 喷火龙
'jesus', // 耶稣
'dog', // 狗
'grassHorse', // 草泥马
'grassHorse2', // 草泥马2
'totemBat', // 蝙蝠
*/
"headDesign": true, // 是否使用图案注释替换头部注释
// 自定义配置是否在函数内生成注释 不同文件类型和语言类型
"cursorModeInternalAll": {}, // 默认为false 在函数外生成函数注释
"openFunctionParamsCheck": true, // 开启关闭自动提取添加函数参数
"functionParamsShape": ["{", "}"], // 函数参数外形自定义
// "functionParamsShape": "no type" 函数参数不需要类型
"functionBlankSpaceAll": {}, // 函数注释空格缩进 默认为空对象 默认值为0 不缩进
"functionTypeSymbol": "*", // 参数没有类型时的默认值
"typeParamOrder": "type param", // 参数类型 和 参数的位置自定义
// 自定义语言注释，自定义取消 head、end 部分
// 不设置自定义配置language无效 默认都有head、end
"customHasHeadEnd": {}, // "cancel head and function" | "cancel head" | "cancel function"
"throttleTime": 60000, // 对同一个文件 需要过1分钟再次修改文件并保存才会更新注释
// 自定义语言注释符号，覆盖插件的注释格式
"language": {
// js后缀文件
"js": {
"head": "/$$",
"middle": " $ @",
"end": " $/",
// 函数自定义注释符号：如果有此配置 会默认使用
"functionSymbol": {
"head": "/******* ", // 统一增加几个*号
"middle": " * @",
"end": " */"
},
"functionParams": "typescript" // 函数注释使用ts语言的解析逻辑
},
// 一次匹配多种文件后缀文件 不用重复设置
"h/hpp/cpp": {
"head": "/*** ", // 统一增加几个*号
"middle": " * @",
"end": " */"
},
// 针对有特殊要求的文件如：test.blade.php
"blade.php":{
"head": "!--",
"middle": " * @",
"end": "--",
}
},
// 默认注释 没有匹配到注释符号的时候使用。
"annotationStr": {
"head": "/*",
"middle": " * @",
"end": " */",
"use": false
},
},
"files.associations": {
"adc.h": "c"
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
【3】快捷键
文件头部注释快捷键
window：ctrl+win+i
mac：ctrl+cmd+i
linux: ctrl+meta+i
Ubuntu: ctrl+super+i
在这里插入图片描述
函数注释注释快捷键
window：ctrl+win+t
mac：ctrl+cmd+t
linux: ctrl+meta+t
Ubuntu: ctrl+super+t
函数注释光标移动到下一行，快速添加函数参数描述
window: win+y
mac: cmd+y
linux: meta+y
生成函数注释之后，使用快捷键移动鼠标到下一行，快速为函数参数添加描述
在这里插入图片描述
生成注释代码图片快捷键
1、 设定的图片
window：ctrl+win+j
mac：ctrl+cmd+j
2、随机图片
window：ctrl+shift+p
mac：cmd+shi+p
输入随机或注释图案或codeDesign
3、效果
在这里插入图片描述
2、使用代码片段快速注释
【1】入口
在这里插入图片描述
【2】选择
在这里插入图片描述
类似于环境变量
1、全局片段：所有文件都可用；
2、文件夹：当前文件夹夹可用；
3、特定类型：固定文件类型可用；
【3】编辑
以全局片段为例
1、“scope”：选择支持的文件类型名用,分隔
2、“prefix”：调用的快捷键，文件中输入后回车生效
3、“body”：对应显示内容，不支持Tab,支持/t代替
"Print to console": {
"scope": "c,cpp,h",
"prefix": "ann0",
"body": [
"/***********************************************",
"*",
"* Copyright (c), 2022-2025, xxxx. Co., Ltd.",
"*",
"* ⽂件名称: ",
"* 版 本 号: 1.0",
"* ⽣成⽇期: 2022-2-21",
"* 作 者:",
"* 所 属 层:",
"* 功 能:",
"*",
"************************************************/",
],
"description": "Log output to console"3、参考
koroFileHeader作者wiki
vscode代码片段注释
使用VSCode去除代码中注释
4、按照第3步的格式，全部替换成\n即可，避免需要换行的地方没换行导致错误
因为// 替换会将url也给替换掉，
可先查找带http或https的文件，备份一下，防止替换
查找带http或https的文件
正则表达式：(http|https)://([\w.]+/?)\S*，
可先将http:// 替换成http:；将https:// 替换成https:
然后在进行第三、四步，
最后在将http:替换回http://；https:替换回https://
注意：image/* 打电话、发短信的url（iOS的为： telprompt:// sms://）
vscode 删除注释代码 有没有类似插件 清理所有注释？
isual Studio Code 是我在最近一年中最喜欢的一款编辑器，微软每一次的更新都会给大家带来惊喜，更是令人愈加喜欢。之前一直使用内置的颜色主题 Light+ 和 Dark+ ，但近来突然觉得前者颜色区分度不高
