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

pug

amandeepmittal

|
186,421 installs
| (2) | Free
Pug/Jade Snippets for VSCode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Pug/Jade Snippets

Provides Pug/Jade Snippets for VSCode to avoid writing boilerplate code.

Install

  • Press F1 and select Extensions: Install Extensions.
  • Search for and select pug snippets.

Supported languages

  • Pug
  • Jade

Snippets

Syntax

  • ext for extends layout
  • inc for include ./includes/
  • block for block blockname
  • pugrf for pug.renderFile()
  • mixin for mixin

Tags a, img, form, meta, link, favicon

Templates

  • html generate basic HTML template in Pug/Jade style
  • bootstrap generate basic Bootstrap template

Bootstrap Related

  • fgroup input form with form-group class
  • button
  • footer minimalistic footer
  • panel
  • login form
  • signup form
  • navbar

Others

  • cpug require pug
  • ipug import pug
  • lorem generate dummy text
  • fa to include font-awesome icon

Contribute

Pull requests for more snippets are welcome.

License

This software is released under the terms of the MIT license.

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