Official VS Code extension for Shopify Liquid storefronts and Theme App Extensions.

Features | User guide | Installation | Configuration | 📦 VS Code Marketplace.

• 🎨 Syntax highlighting
• 💅 Code formatting
• 💡 Code completion and documentation on hover
  • 💧 Liquid tag, filter and object
  • 🏷️ HTML tag, attribute and value
  • 🖌️ Theme, section and block settings
  • 🌐 Theme translation
  • 🖼️ Render tag snippet
• 🔎 Code navigation
• 🎎 Auto-closing pairs
• ✅ Theme checks and fixes

Take a look at our user guide for an in-depth demonstration and explanation of all the features.

This VS Code extensions comes with batteries included.

• "themeCheck.checkOnOpen": boolean, (default: true) makes it so theme check runs on file open.
• "themeCheck.checkOnChange": boolean, (default: true) makes it so theme check runs on file change.
• "themeCheck.checkOnSave": boolean, (default: true) makes it so theme check runs on file save.

MIT.