Shortcut for adding id="" and class="" to HTML tags in Sublime Text 2

Question

How do you set up Sublime Text 2 so that typing a . (period) produces class=" " and # (hash) produces id=" " when typing an opening HTML tag?

Answer 1

Type foo.bar, press Tab, and you'll get

<foo class="bar"></foo>

There's also foo#bar (for id instead of class). Both are implemented in Packages/HTML/html_completions.py

Answer 2

I found the answer. Go to: Preferences -> Setting -> User.

add the following text between the curly braces, then save the file:

"auto_id_class": true,

this allows you to add id=" " and class=" " into HTML tags quickly, just by typing a # or .

If you use sublime text it's a nice feature.