README.md

platformOS Snippets for VS Code

This extension for Visual Studio Code adds snippets for Liquid, YAML, grahpQL, marketplace-kit terminal. Supports Liquid Theme Tag.

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

Preview (currently unavailable)

Prerequisite

1. Install the latest Visual Studio Code

Dependencies

1. Liquid Languages Support

Installation (Coming Soon)

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

Installation (Manual)

1. Download zip
2. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
3. Type snippets select Preferences: Configure User Snippets then select liquid.json (Liquid HTML) from the list
4. Copy and paste code from the zip in /snippets/liquid.json into your liquid user snippets

Emmet Enable

Go to user settings and add the following:

"emmet.includeLanguages": { "liquid": "html" },
"files.associations": {
        "*.liquid": "liquid"
    },

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.

Liquid

Whitespace control is add for all snippets. And can be removed when needed by deleting the - inside liquid tags.

Terminal ( ?: )

Marketplace-kit

Install/Update
Test (show version)
Initialize
Add environment
List environments
Deploy
Deploy with force
Sync
GUI

YAML ( ---: )

Preferences

Page
Metadata
Response Headers
user_profile_types
transactable_types
order_types
custom_model_types
notifications email, SMS , API
authorization_policies
form_configurations
    - default_payload
    - validation
    - translations

Liquid ( {%:, {{:, |:, %: )

Comment Tag

comment

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

liquid
render
include // deprecated
includewith    // Theme Tag {% include %} with parameters
includefor    // Theme Tag {% include %} with parameters
raw

Array Filter

join
first
last
concat
map
reverse
size
sort
uniq

Math Filter

abs
ceil
divided_by
floor
minus
plus
round
times
modulo

Money Filter

To Come

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

GraphQL ( gql )

Example snippets

Search page content

Console.log ( clog )

Example snippets

Form Builder

Release

0.0.1

• platform-OS snippets - Use at your own risk

License

MIT