Secret Snippets For HTML Email Template Design是一款专为HTML电子邮件模板开发设计的VS Code插件。它提供了一系列经过优化的代码片段，帮助您快速构建符合最佳实践的响应式电子邮件模板。

安装指南：

1. 打开VS Code
2. 进入扩展程序（Ctrl Shift X）
3. 搜索"Secret Snippets For HTML Email Template"
4. 安装并重启VS Code

可用代码片段：

• ET-boilerplate：基础电子邮件模板，包含DOCTYPE、元标签和基本结构
• ET-css：CSS重置，支持暗黑模式
• ET-img：图片块，防弹图片模板并包含alt文本
• ET-button：按钮块，移动友好并可自定义样式
• ET-content：内容块，电子邮件内容容器
• ET-row：行块，表格行结构
• ET-space：间隔块，可配置高度的垂直间隔
• ET-mspace：移动间隔，仅移动设备的垂直间隔
• ET-mobileblock：移动设备专用块，仅在移动设备上显示的内容

响应式布局：

• ET-rcol1到ET-rcol5：从单列到五列的响应式布局

流体布局：

• ET-fcol1到ET-fcol5：从单列到五列的流体布局

混合布局：

• ET-hcol1到ET-hcol3：从单列到三列的混合布局

特殊组件：

• ET-BGHero：背景英雄图像部分
• ET-BGMobile：为移动/桌面设备设置不同的背景
• ET-preheader：隐藏的预览文本
• ET-social：社交媒体图标
• ET-footer：标准页脚和版权信息
• ET-unsubscribe：退订部分

使用方法：

1. 创建一个新的HTML文件
2. 输入ET-以查看所有可用片段
3. 选择所需片段
4. 使用Tab键导航自定义字段

功能特点：

• 支持移动响应式布局
• 暗黑模式支持
• 跨客户端兼容
• 针对Outlook的MSO条件注释
• 提供流体和混合布局选项
• 防弹组件
• 添加预览文本
• 实现暗黑模式支持
• 确保移动响应性
• 包含退订选项

最佳实践：

• 在不同电子邮件客户端中测试电子邮件
• 使用表格进行布局结构
• 为图片添加适当的alt文本
• 保持最大宽度在600-640像素
• 使用内联CSS以获得更好的兼容性

支持与许可：

如有问题、建议或贡献，请访问我们的GitHub仓库。本插件遵循MIT许可证，适用于个人和商业项目。

作者：

由Akon M Hasib创建