atom.io auto create html basic structure

Question

Im using atom.io for some time now and really like it. there is just one thing im missing. I used to use brackets and sublime before and they both had a feature where you could create the basic structure of a html documents by just typing html.

this would just set the html, head and body tag. created the charset meta, title and link to css file.

I create a lot of html files a day so it would be really helpfull if I know the shortcode or the package which supports this!

Answer 1

There is a nice Plugin, called emmet: https://atom.io/packages/emmet

When you got that, you just have to type ! -> tab in an empty document. You get pretty much the same result as @hatchet GIF.

Answer 2

If you have disabled the autocomplete functionality mentioned in the currently accepted answer, or want more flexibility than that allows, there is a file-templates package: https://atom.io/packages/file-templates

Here are some basic instructions.

• To install the package: edit->preferences->install->file-templates.
• To save the template: packages->new template from this file.
• To open a new file with that template, just hit ctrl-alt-n and select it.

Answer 3

Make sure your file has .html added on the end of its name.

Then go back into Atom, type HTML, and press enter. Your boilerplate should appear. Solved my problem instantly!

Answer 4

If we install Emmet package we are not getting the boiler plate code. So I disabled emmet and it is working fine for me.

Answer 5

!tab is the command u seek. But it won't work unless you create a file and save it with the html extension...

So go create a new file in the directory u want, call it index.html and now go type !tab

It should work 100%, if not be sure u have emmet installed.