Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>VTEX IO SnippetsNew to Visual Studio Code? Get it now.
VTEX IO Snippets

VTEX IO Snippets

jchemello

|
1,124 installs
| (2) | Free
Code snippets for VTEX IO.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

README - VTEX IO Snippets

This is a snippet extension made for those who work with the VTEX IO Store Framework.


Requirements

The extension will be activated when working on .jsonc files


Current snippets

Prefix Method
vfr→ VTEX Flex Layout Row
vfc→ VTEX Flex Layout Column
vrt→ VTEX Rich Text
vimg→ VTEX Image
vsld→ VTEX Slider Layout
vlogo→ VTEX Logo
vic→ VTEX Info Card
vcl→ VTEX Condition Layout (2.x)

Snippets Description

vfr

"flex-layout.row#": {
  "props": {
    "blockClass": "",
  },
  "children": []
}

vfc

"flex-layout.col#": {
  "props": {
    "blockClass": "",
  },
  "children": []
}

vrt

"rich-text#": {
  "props": {
    "blockClass": "",
    "font": "t-body",
    "text": "",
    "textAlignment": "CENTER",
    "textColor": "c-on-base",
    "textPosition": "CENTER"
  }
}

This section is a WIP...

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