https://github.com/co6x0/vscode-wp-block-html
Assist coding for unique HTML used in WordPress Block Theme.
https://github.com/co6x0/vscode-wp-block-html
html vscode-extension wordpress
Last synced: about 2 months ago
JSON representation
Assist coding for unique HTML used in WordPress Block Theme.
- Host: GitHub
- URL: https://github.com/co6x0/vscode-wp-block-html
- Owner: co6x0
- License: mit
- Created: 2023-02-15T03:28:42.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-25T12:29:45.000Z (over 2 years ago)
- Last Synced: 2023-11-25T13:30:29.352Z (over 2 years ago)
- Topics: html, vscode-extension, wordpress
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=co6x0.vscode-wp-block-html
- Size: 3.1 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# VSCode WP Block HTML
This extension assists coding of unique HTML including [Block markups](https://developer.wordpress.org/themes/block-themes/templates-and-template-parts/) for WordPress block theme.
## Features
- Formatting for HTML including Block markup (powered by [Prettier](https://prettier.io/) and [prettier-plugin-wp-block-html](https://github.com/co6x0/prettier-plugin-wp-block-html))
- Snippets for Block markup (supported file types: `.html`, `.php`)
- Syntax highlighting for Block markup (supported file types: `.html`, `.php`)
## 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`.
```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](https://code.visualstudio.com/docs/getstarted/settings).