Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

atom.io auto create html basic structure

Tags:

atom-editor

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!

like image 963
Merijndk Avatar asked Feb 18 '16 13:02

Merijndk


People also ask

How do you autofill an HTML Atom?

Usage. Finally, press: alt + tab or, right click and do Run HTML Tag AutoComplete . You will also find it available under Packages in menubar.


2 Answers

You're looking for autocomplete-snippets.

Simply type html and press Enter

Here's a terrible GIF to prove it:

enter image description here

like image 86
Hatchet Avatar answered Oct 04 '22 10:10

Hatchet


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.

like image 35
nito Avatar answered Oct 04 '22 11:10

nito