VS Code extension
Open-source Emailens extension for live email preview and linting in VS Code.
The Emailens VS Code extension is MIT-licensed and runs @emailens/engine locally. Analysis and preview do not upload your source to Emailens unless you explicitly use hosted features (when available in your build).
This is separate from the Chrome extension, which audits pages inside the browser.
Install
Install Emailens from the VS Code Marketplace (search for emailens published by the Emailens org), or install a .vsix from a GitHub release.
What it does today
- Lint-as-you-type for HTML and MJML (and related checks: spam, links, accessibility, images, overflow, templates)
- Side preview transformed for a chosen client (not a generic browser render)
- Quick fixes and support hovers for CSS compatibility rules
- Project config via
.emailensrc/package.json, same as the CLI - MJML compiled with your project's
mjmldependency before lint/preview
Not yet in the extension: Maizzle and React Email sources in-editor (lint their built HTML with the CLI or extension on output files). Hosted screenshots, share links, and AI fix flows are on the roadmap.
Commands
Open the Command Palette and search for Emailens. Common entries:
- Emailens: Open Preview to the Side, client-accurate preview panel
- Problems panel integration for diagnostics as you edit
See the extension README for settings (emailens.*), stylesheet link resolution, and partial HTML fragments.
CI parity
Use emailens lint in GitHub Actions or locally so CI matches editor severities from .emailensrc.