Notion app logo
Struggling to stay organized and effective? Learn to master your time and tasks with the Effectively Notion course!

Enable tab completion for Markdown Snippets in VS Code

A quick guide to enabling tab completion for Markdown Snippets in VS Code.

2018-06-24

While working on a frontmatter Markdown snippet inVS Code I couldn't understand why tab completion wasn't working. It turns out that some extensions (including Markdown) don't have snippet tab completion enabled by default (you can however type ctrl+Space to show available snippets with what you've typed).

VS Code has a setting for editor.tabCompletion that has 3 options: "on", "off" (default), "onlySnippets". Let's go through how to enable snippet completion for all files first and how to enable it only for a specific file type.

Enable snippet tab completion for all extensions

Open the Command Pallete (⌘+shift+p in MacOS, ctrl+shift+p in Windows)1, type "Open Settings (JSON)" and press return. This will open the file settings.json.

At the bottom of the file, add the following (don't forget to add a comma to the item before! Otherwise you'll get a syntax error):

    "editor.tabCompletion": "onlySnippets"

Save your User Setttings configuration, open a Markdown file and type FM

Markdown Snippet Tab Completion

Footnotes

  1. If you have your settings to default to Open Settings (JSON), you can use ⌘+, in MacOS, ctrl+, in Windows.

Photo of Chase Adams

Hey, I'm Chase. I help aspiring entrepreneurs and makers turn their ideas into digital products and apps.

Freebies

Vector Arrow Scribbles
banner image for figma vector arrows scribbles

A figma community project of vectorized hand-drawn arrows.

Go To Figma
Vector Line Scribbles
banner for figma vector line scribbles

A figma community project of vectorized hand-drawn lines.

Go To Figma
Vector Shape Scribbles
banner image of figma vector shapes scribbles

A figma community project of vectorized hand-drawn shapes.

Go To Figma

Subscribe to my Newsletter

Every other week I publish the Curiously Crafted newsletter.

In it, I explore the intersection of curiosity and craft: the people who make stuff, what they make and the way they pursue the craft of making.

Online

I'm on almost all social media as @curiouslychase.

The curious logo of Chase Adams: glasses and a bow tie.stay curious.