README

Visual Studio Code HTML Snippets

This extension adds rich language support for the HTML Markup to VS Code, including:

Full HTML5 Tags
Colorization
Snippets
[partially implemented] Quick Info
description mentions if tag deprecated

Update 4

Removed all languages, only HTML Remains.
Added FAQ in end of page.

Update 3

added php, js, and jsreact as languages where the snippets work by default.

Update 2

fixed a bug with line cursor on vscode 1.5.1

Update 1

removed deprecated tags [acronym, applet, basefont, center, dir, font, frame, frameset, noframes, strike, tt]
fixed LI tag issue, you couldn't add new line in the tags

Todo

[on-going]Improve syntax layout.
[on-going]Add support for Tab to end of line.
[on-going]Populate Tags with properties.

Using

Type part of a snippet, press enter, and the snippet unfolds.

Snippets named as the tag without braces

div --> <div></div>
doc --> <!DOCTYPE html>
a   --> <a href=""></a>

Installation

Install Visual Studio Code 0.10.1 or higher
Launch Code
From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
Select Install Extension
Type HTML-Snippets
Choose the extension
Reload Visual Studio Code

FAQ

How to enable the snippets on a file other than html?

Add the following code to the project settings.json or global settings.json :

"files.associations": {
        // extension name : html
        "*.ejs": "html",
        "*.js": "html"
    }

the above code will allow html snippet to work on .ejs and .js files, amend to fit your needs.

How can I report an issue?

The easiest way is to start a git issue, I will attempt to answer ASAP else I hope someone else will answer.

Contact

If you find any issue or have a suggestion please tweet me on @m_abusaid

I am unable to respond to comments on the store page, please use appropriate channels github/twitter to reach me. Thank you

License

MIT License, refer to license file.

Source

Github

** Enjoy!**

abdelaziz18003 / html-snippets Goto Github PK

html-snippets's Introduction