Visual Studio Code如何在代码中快速增加/去掉注释

灰太狼 2024-04-23 12:37 51阅读 0赞

## 用快捷键：在代码行上增加/去掉注释 ##

例如，我想将`background-color: #c00000;`这行代码用行注释注释掉：  
![在这里插入图片描述][610bb6a191924dcfb2ec628ade2ee2a2.png]

把光标停留在这行的任意位置，然后按快捷键Ctrl+/，这行代码就加上行注释了：  
![在这里插入图片描述][a6f99f6f26664e92bb37775e7ff68847.png]

如果想去掉行注释，把光标放在这行的任意位置，按Ctrl+/，就去掉了。

## 用快捷键：在代码块上增加/去掉注释 ##

例如，我想把下面红框中的代码块注释掉：  
![在这里插入图片描述][43fe6a50ef794126aa80e24ca8d73354.png]

可以用鼠标选中代码块：  
![在这里插入图片描述][9f900eaa21954ca39c44b7624697a55f.png]

然后按Shift+Alt+A，就注释掉代码块了：  
![在这里插入图片描述][d8dff148ccc44a21b0ced326fb9dcc11.png]

如果要去掉代码块的注释，可以用鼠标选中代码块，然后按Shift+Alt+A，就去掉代码块上的注释了。

## 用菜单增加/去掉注释 ##

在Edit菜单下面，有代码行、代码块增加注释、去掉注释的菜单项：  
![在这里插入图片描述][577a1a68512a44fe818faa0ccfb96447.png]

## 用快捷键：在空行的地方插入一行注释 ##

例如，我要在下面红框的空行增加注释：  
![在这里插入图片描述][a44e8d1b64dd42ec8af81724b040ef98.png]

把光标放在这行空白的地方，按Ctrl+/就插入注释了：  
![在这里插入图片描述][7f5cb8ddc0bf40c3b4954a6a1c594dec.png]

## 用快捷键，在一行代码的右边插入注释 ##

例如，我要在`background-color: #c00000;`这行代码的右边增加注释，即在红框的地方增加注释：  
![在这里插入图片描述][c8c077fd80d84d509fdb48b3ce32a419.png]

把光标停留在这行代码的末尾，然后按Shift+Alt+A，就增加注释了：  
![在这里插入图片描述][ceb367dcdb144303b52bf9fcdd66164d.png]

[610bb6a191924dcfb2ec628ade2ee2a2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/c81199370cd5415ca4e58f1837b560fd.png
[a6f99f6f26664e92bb37775e7ff68847.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/cc9cd42b9ba44018a501c4c9443fb5b0.png
[43fe6a50ef794126aa80e24ca8d73354.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/3d9d1815398e4d33ad8df507be6bb3d8.png
[9f900eaa21954ca39c44b7624697a55f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/9af500326cc041c391f1734b8fd0cc1d.png
[d8dff148ccc44a21b0ced326fb9dcc11.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/3914f7f27a8148149eca17b460220872.png
[577a1a68512a44fe818faa0ccfb96447.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/323f7c191ea941c095d22df5b5a7e611.png
[a44e8d1b64dd42ec8af81724b040ef98.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/93a6100a8a634fa99274c99d55ced766.png
[7f5cb8ddc0bf40c3b4954a6a1c594dec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/7502c6c2520346c7b5e75f0251b3a6ef.png
[c8c077fd80d84d509fdb48b3ce32a419.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/398e056e98e442ad9d13a734fd346a0b.png
[ceb367dcdb144303b52bf9fcdd66164d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/f6f4f993105e4b54845314d631b3d1ab.png