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

Question

最近，我开始学习Vue并使用Vue-Cli。存在一个问题，我无法使用快捷键(VSCode)来注释.html文件中的HTML标记。当我使用"Ctrl+/"时，我要注释掉的行会变成这样。

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

不要像这样。

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

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

- Ray

---

安装 Vetur 扩展。 - tony19

谢谢tony19，问题已经解决。现在我能够适当地在.vue文件中注释这些行了。 - Ray

Answer 1

正如tony19所提到的那样，安装Vetur VSCode扩展程序可以添加Vue语言支持，这将正确设置Vue文件中的注释切换功能。

- Spooky

Answer 2

在模板或HTML部分使用HTML注释

在脚本部分使用JavaScript注释

// 注释 /* 注释 */

在样式部分使用CSS注释

/* 注释 */

- BILAL ARIF

---

在stackoverflow中应该添加“code”包装器。HTML注释会被忽略。 - gguney

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> */

为了更改快捷键

• Windows：文件 > 首选项 > 键盘快捷方式。

• MacOS：代码 > 首选项 > 键盘快捷方式。

然后搜索类似于这样的注释 屏幕截图。

- Kamran Siddique

---

你也可以这样写注释： // <div> 注释掉这一行</div> // 在浏览器中打印 以及 //- <div> 注释掉这一行</div> // 不在浏览器中打印 - Syed