Recently, I’m start learning Vue and using Vue-Cli. There’s a problem that I can not use hot-key(VSCode) to comment out a HTML tag in the . when I use “Ctrl+/” the line I want to comment out turns like this.
JavaScript
x
2
1
// <div> comment out this line</div>2
not like this.
JavaScript
1
2
1
<!--<div> comment out this line</div>-->2
Is there any possibility that I changed some setting in the VSCode to result this situation? Anyone know how to solve this problem?
Advertisement
Answer
For single line comment use Ctrl + /. This will do something like this
JavaScript
1
2
1
// <div> comment out this line</div>2
and for block comment use Ctrl + Shift + /. This will comment lines like this
JavaScript
1
6
1
<!-- <div> comment out this line</div>2
3
<div> comment out this line</div>4
5
<div> comment out this line</div> -->6
or
JavaScript
1
6
1
/* <div> comment out this line</div>2
3
<div> comment out this line</div>4
5
<div> comment out this line</div> */6
In order to change shortcut key
Windows: File > Preferences > Keyboard Shortcuts.
MacOS: Code > Preferences > Keyboard Shortcuts.
and then search for comment like this Screenshot
