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

PostHTML Snippets

Cosmin Popovici

|
3,575 installs
| (1) | Free
PostHTML code snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

PostHTML

PostHTML snippets for VS Code.

Snippets preview animation

Install

$ ext install posthtml

Or, F1 → Install Extension → Search for posthtml

Snippets

The following snippets are included:

For posthtml-extends:

  • <extends src="">
  • <layout src=""> (extends alias)
  • <block name="">
  • <block name="" type="">

For posthtml-expressions:

  • <if condition="">
  • <elseif condition="">
  • <else>
  • <each loop="{value}, {index} in {array}">
  • <each loop="{value}, {key} in {object}">
  • <for loop="{value}, {index} in {array}">
  • <for loop="{value}, {key} in {object}">
  • <switch expression="">
    • <case n="">
    • <default>
  • <scope with="">
  • <raw>, <verbatim>

For posthtml-include:

  • <include src="" locals="">

For posthtml-modules:

  • <module href="" locals="">

For other plugins:

  • <component src=""> (modules in maizzle.js)
  • <spaceless> (posthtml-spaceless)
  • <lorem size=""> (posthtml-lorem)
  • <markdown>, <md> (posthtml-md, posthtml-markdown, posthtml-md2html)

Usage

Start writing a snippet's prefix (tag name) and then press Tab ↹ to expand the snippet.

License

MIT © Cosmin Popovici

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