Shopify Liquid

A complete developer experience for Shopify themes

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

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

Features

• 🎨 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

User guide

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

Installation

This VS Code extensions comes with batteries included.

Configuration

• "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.

License

MIT.