vscode-xhtml2pug README

Transform html to pug inside your Visual Studio Code, forget about using an external page anymore.
Powered by xhtml2pug

Features

Format selection.
Multiple selections support.
Keyboard shortcut: Ctrl + Alt + p / ⌘ Command + Alt + p

Installation

Install this extension from the VSCode Marketplace

Usage

Select the html.
- Hit ⌘ Command + ⇧ Shift + p / Ctrl + ⇧ Shift + p
- Run xHTML2Pug: Convert Vue to Pug or Ctrl + Alt + p / ⌘ Command + Alt + p.
- Run xHTML2Pug: Convert HTML to Pug.

Keyboard Shortcut

Use the following to embed a shortcut in keybindings.json. Replace with your preferred key bindings.

{
  "key": "ctrl+alt+p",
  "command": "vscode-xhtml2pug.transformVue2Pug"
}

You can customize your shortcuts too under: File > Preferences > Keyboard Shortcuts. (Code > Preferences > Keyboard Shortcuts on macOS) Check key bindings docs.

Extension Settings

This extension contributes the following settings:

xhtml2pug.indent (default: 'spaces'): Indent
xhtml2pug.numberOfSpaces (default: 2): Number of spaces for indents
xhtml2pug.fragment (default: true): Don't wrap into html > body
xhtml2pug.commas (default: false): Commas in attributes
xhtml2pug.encode (default: true): Encode html characters.
xhtml2pug.doubleQuotes (default: false): Use double quotes for attributes
xhtml2pug.inlineCSS (default: false): Place all classes in class attribute
xhtml2pug.classesAtEnd (default: false): Place all classes after attributes

vscode-xhtml2pug