Skip to content

dimensi/vscode-xhtml2pug

Repository files navigation

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

  1. 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

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published