如何在.Vue的模板中注释掉一个HTML标签

Question

最近，我开始学习 Vue 并使用 Vue-Cli。 有一个问题，我不能使用热键（VSCode）来注释掉其中的一个 HTML 标签。 当我使用“Ctrl+/”时，我想注释掉的行变成了这样。

// <div> comment out this line</div>

不是这样的。

<!--<div> comment out this line</div>-->

有没有可能是我更改了 VSCode 中的某些设置导致这种情况？ 任何人都知道如何解决这个问题？

Answer 1

就像提到的 tony19 一样，安装Vetur VSCode 扩展会添加 Vue 语言支持，它可以正确设置 Vue 文件中的注释切换。

Answer 2

在模板或 HTML 部分使用 HTML 评论

在脚本中，部分使用 Javascript 评论

// 注释 /* 注释 */

在样式部分使用 CSS 评论

/* 评论 */

Answer 3

对于单行注释，使用Ctrl + / 。 这会做这样的事情

// <div> comment out this line</div>

对于块注释，请使用Ctrl + Shift + / 。 这将评论这样的行

<!-- <div> comment out this line</div>

     <div> comment out this line</div>

     <div> comment out this line</div> -->

或者

/* <div> comment out this line</div>

   <div> comment out this line</div>

   <div> comment out this line</div> */

为了改变快捷键

然后搜索像这样的评论截图