title: How do you create a single custom Intellisense feature in VSCode?
body: <p>I want the following to happen in <em>any</em> file type (e.g. mdx, html, js, etc.):</p>
  <ul>
  <li>I type <code>IM</code>.</li>
  <li>Intellisense 'suggests' <code>&lt;InlineMath math=&quot;&quot;/&gt;</code>.</li>
  <li>I press <code>enter</code>, selecting the suggested tag.</li>
  <li>The cursor places itself between the <code>&quot;&quot;</code> marks, ready for me to type.</li>
  </ul>
  <p>Because I am editing mainly in <code>.mdx</code> file types, I have to manually type each character of <code>&lt;InlineMath math=&quot;&quot;/&gt;</code> and this is getting quite tedious.</p>
  <p>I'm not sure what the best way to do this is.</p>
  <p>I'm thinking of something similar to <a href="https://code.visualstudio.com/assets/docs/editor/emmet/emmet-multi-cursor.gif" rel="nofollow noreferrer">this</a> but for the situation I have described above (the nesting of elements is not required).</p>