Secret Snippets For HTML Email Template Design 1.0.0

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创建