Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Shopify LiquidNew to Visual Studio Code? Get it now.
Shopify Liquid

Shopify Liquid

Shopify

shopify.com
|
264,345 installs
| (21) | Free
A complete developer experience for Shopify themes
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info


logo
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.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft