Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>WP Block HTMLNew to Visual Studio Code? Get it now.

WP Block HTML

Nao Komura

|
123 installs
| (0) | Free
Assist coding for unique HTML used in WordPress Block Theme.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode WP Block HTML

This extension assists coding of unique HTML including Block markups for WordPress block theme.

Features

  • Formatting for HTML including Block markup (powered by Prettier and prettier-plugin-wp-block-html)
  • Snippets for Block markup
  • Syntax highlighting

Extension Demo

Usage

Just install the extension to use Block markup syntax highlighting and snippets in your HTML files.

To use code formatting, you will need to change your user or workspace settings. (Mac: ⌘ + , | Win: Ctrl + ,)

If you want to always enable code formatting with the extension, add the following to your User's setting.json.

"[html]": {
	"editor.defaultFormatter": "co6x0.vscode-wp-block-html"
}

If you want to use it only for a specific project, add the same to your Workspace settings. (Your project root > .vscode > settings.json)

Also, if necessary, enable automatic formatting when saving files. ( "editor.formatOnSave": true )

For more information, please refer to VScode documentation.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft