在VS代码中创建自定义HTML代码片段
我正在从Dreamweaver (我知道它很糟糕，但它有它的用途)迁移到VS代码的电子邮件开发的过程中。Dreamweaver提供的一个方便的功能是使用自定义代码片段。VS代码也提供了custom snippets，但它的工作方式与Dreamweaver snippets不同，从我所看到的情况来看，它需要更多的努力。下面是VS Code中正在发生的事情。
与代码自定义代码片段
{
"Preheader": {
"prefix": "preheader",
"body": [
"<span style="display:none !important; mso-hide: all; color:#FEE4DC; max-height: 0px; overflow: hidden;">text goes here</span>"
],
"description": "preheader for email"
}
}结果
<span style=预期结果
<span style="display:none !important; mso-hide: all; color:#FEE4DC; max-height: 0px; overflow: hidden;">text goes here</span>似乎我必须进行一些转义才能得到预期的结果？这可能有点平凡，因为我的电子邮件开发过程中可能会有大量的代码行：
我是否使用VS代码中的正确功能来创建客户代码段？或者我没有正确地使用该功能。
回答 3
Stack Overflow用户
发布于 2018-06-11 20:28:53
这只是你的报价，试一下：
"<span style='display:none !important; mso-hide: all; color:#FEE4DC; max-height: 0px; overflow: hidden;'>text goes here</span>"注意双引号和单引号的交替。而且，看起来你也不能以相反的方式使用它(外部的单引号=否)。
或者，如果您想在html中使用双引号，可以转义内部引号，如下所示：
"<span style=\"display:none !important; mso-hide: all; color:#FEE4DC; max-height: 0px; overflow: hidden;\">text goes here</span>"Stack Overflow用户
发布于 2018-06-22 05:58:06
因此，我找到了一个很好的解决方案，在需要将长行代码转换为VS代码片段的情况下解决我的问题。这个解决方案是snippet generator app。最棒的是它也有Sublime和Atom的选项。
Stack Overflow用户
发布于 2019-01-09 08:22:32
我相信Visual Studio Code中的Emmet feature可以非常有帮助，它在生成HTML代码片段时也非常强大，只需最少的输入。
假设，我正在创建Tic-Tac-Toe game，其中我需要在我的HTML文件中创建一个大小为3*3的表。我正在Visual Studio代码中编辑HTML文件。下面是我在编辑器中写的内容：
table>tr*3>td*3现在按tab键。这是你在瞬间得到的结果：
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>即使在输入emmet时，您也可以看到HTML的预览，如下面的快照所示：
https://stackoverflow.com/questions/50795942
复制相似问题