raymondsze / vscode-liquid-snippets

Shopify Liquid Template Snippets

Shopify Liquid Template Snippets for VS Code

This extension for Visual Studio Code adds snippets for Shopify Liquid Template.

Visual Studio Marketplace link: https://marketplace.visualstudio.com/items?itemName=killalau.vscode-liquid-snippets

Preview

Prerequisite

1. Install the latest Visual Studio Code

Dependencies

1. Liquid Languages Support

Installation

1. Launch Code
2. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
3. Type ext install vscode-liquid-snippets
4. Reload Visual Studio Code

Usage

Type part of a snippet, press enter, and the snippet unfolds.

Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (OSX) to activate snippets from within the editor.

Control Flow Tag

if
else
elsif
ifelse
unless
case
when

Iteration Tag

cycle
cyclegroup
for
limit       // For loops option
offset      // For loops option
reversed    // For loops option
break
continue
tablerow

Variable Tag

assign
increment
decrement
capture

Theme Tag

include
includewith    // Theme Tag {% include %} with parameters
raw
layout
layoutnone
paginate

Array Filter

join
first
last
concat
map
reverse
size
sort
uniq

HTML Filter

img_tag
img_tag_param  // HTML Filter {% img_tag %} with parameters
script_tag
stylesheet_tag

Math Filter

abs
ceil
divided_by
floor
minus
plus
round
times
modulo

Money Filter

money
money_with_currency
money_without_trailing_zeros
money_without_currency

String Filter

append
camelcase
captialize
downcase
escape
handleize
md5
newline_to_br
pluralize
prepend
remove
remove_first
replace
replace_first
slice
slice_single   // String Filter 'slice' with single parameter
split
strip
lstrip
rstrip
strip_html
strip_newlines
truncate
truncatewords
upcase
url_encode
url_escape
url_param_escape

URL Filter

asset_url
asset_img_url
img_url

License

MIT