title: How to autocomplete Vue templates in Visual Studio Code
body: <p>I am starting to learn Vue, using Visual Studio Code. I downloaded an extension that adds Vue code snippets (Vue 2 Snippets by hallowtree).</p>
  
  <p>When I start to type <code>"v"</code> in a Vue template, suggestions are shown (<code>v-on</code>, <code>v-bind</code>, etc.),
  but afterward, no suggestions or autocompletions are shown.</p>
  
  <p>In the following example template, <code>v-on</code> is suggested, but afterward, no suggestions for <code>"click"</code> or any other event. Also, nothing is suggested after <code>"@"</code>:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;button v-on:click="changeLink"&gt;Click to change Link&lt;/button&gt;
  &lt;button @click="changeLink"&gt;Click to change Link&lt;/button&gt;
  </code></pre>
  
  <p>And in this example, <code>v-bind</code> is suggested, but afterward, no suggestions for <code>"href"</code> or any other HTML properties/attributes:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;a v-bind:href="link"&gt;Link&lt;/a&gt; 
  &lt;a :href="link"&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>Although it's good for me for practicing, it will become a liability. 
  Are there any extensions, options, or commands I can set up to improve the developer experience?</p>