How to do Autocomment and put new line after closing tag while using dreamweaver and visual studio?

some time i watch tutorials and see when they put closing tag comments automatically genrates and the new line too.I try to find the solution and find the extension name Emmet but could not get the result please help me.Here is example.

<div class="header">
  <div class="container">
   <div class="logo">
    <a href="index.html"><img src="images/logo.png"></a>
   </div><!--------logo----------->
    <a href="#hide1" class="hide" id="hide1">+</a>
    <a href="#show1" class="show" id="show1">-</a>
   <div class="navigation">
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Home</a></li>
     </ul>
  </div><!----------navigation--------------->
    </div>
</div><!------------container----------->