Name		Name	Last commit message	Last commit date
parent directory ..
images		images
scripts		scripts
src		src
syntaxes @ 65fceb1		syntaxes @ 65fceb1
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.vscodeignore		.vscodeignore
CHANGELOG.md		CHANGELOG.md
LICENSE.md		LICENSE.md
README.md		README.md
RELEASING.md		RELEASING.md
TROUBLESHOOTING.md		TROUBLESHOOTING.md
allowCommentsSchema.json		allowCommentsSchema.json
package.json		package.json
tsconfig.json		tsconfig.json
webpack.config.js		webpack.config.js

README.md

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.