Issue #128  (Markdown Header Link Completions)10/02/24

Advertisement
Techpresso: Get Smarter About AI and Tech in 5 Minutes

Receive a daily summary of the most important AI and Tech news, carefully selected from 60+ media outlets.

Techpresso Newsletter

Techpresso includes a good dose of tech tools and programming-related apps and resources. Join 30,000+ professionals from OpenAI, Meta, Google, Microsoft, Hugging Face, JP Morgan, and more.

Subscribe for Free →


Early last year, VS Code added Markdown workspace header link completions when working with multiple Markdown files in a single workspace (for example, when writing an e-book with multiple chapters in VS Code).

This feature allows you to use autocomplete to add links to any header in any of the files. When creating a Markdown link, type ## to see a list of possible link completions.
 
Header Link Completions in Markdown in VS Code on Windows

Notice the above screenshot displays a bunch of possible links in the local file when I type the double hash where I want to insert the link. But if I scroll further down, I can also choose from links in other Markdown files in the same document.
 
Header Link Completions in Separate Markdown Files in VS Code

Notice the page indicators on the right of each of the link suggestions. The current document in the above screenshot is "chapter2.md", so that chapter isn't explicitly indicated. The chapter two links, of course, are the local links in the previous screenshot. So this goes beyond the ability to add internal links and allows you to add links to any of the headings in any document. Very useful!

There is one setting that allows you to customize this behaviour, if needed. Search for includeWorkspaceHeaderCompletions in your settings.
 
Customizing Header Link Completions in Markdown Files in VS Code
 
This allows you to adjust whether the suggestions appear with a single hash, double hash, or never.

Now on to this week's hand-picked links!
 

VS Code Tools

SQLTools — A popular VS Code extension that provides connections to many of the most commonly used databases, making it easier to work with your data.

vscode-icons — Another popular extension, this one to add fresh new icons to your file explorer view in VS Code.

CartHustle — A weekly email designed for e-commerce leaders and marketers, filled with carefully curated news and insights, so you can become a smarter e-commerce pro in just 5 minutes.    Sponsor 

highlight-words — An older VS Code extension that will highlight all occurrences of a selected word or expressions in all open editors.


VS Code Theme of the Week

Atom One Light Theme — This is a single light theme that's a port of the old One Light theme for the Atom text editor that some of you may have used prior to VS Code.
 
Atom One Light Theme for VS Code

If you don't prefer light themes, I think this one might win you over and even if you don't use a light theme as your default, you may want this as your editor's default light theme when you switch.

VS Code Articles & Videos

Breaking the Code: My Journey from VS Code to NeoVim — One developer who made the switch to NeoVim and wonders why he didn't do it sooner.

📺 Toggling 2 Views with 1 Hotkey in VS Code — The example in this quick video is for use with the GitLab Workflows extension view, but the same principle can apply to other views.

Meco: Free Your Newsletters From The Inbox — Move your newsletters to a space built for reading and declutter your inbox in seconds.  Sponsor 

Who Forked VS Code This Time? — The intro of a recent issue of Rahul Sridhar's Substack that briefly covers how many startups have selected to fork VS Code rather than start from scratch, with pros and cons for both sides.

Best of the Rest

Anvil — A graphical, multi-pane tiling text editor that makes bold use of the mouse and integrates closely with the shell. It supports syntax highlighting, multiple cursors/selections, remote file editing, and more.

Srcbook — An open-source, interactive programming environment for JavaScript and TypeScript that runs on the Node.js runtime.

Meco — Free your newsletters from the inbox. Move your newsletters to a space built for reading and declutter your inbox in seconds.   Sponsor 

Departure Mono — A monospaced pixel font with a lo-fi technical vibe that's inspired by the constraints of early command-line and graphical user interfaces.

Suggestions?

If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
Copyright © VSCode.Email. All rights reserved.

Not affiliated with Microsoft, Visual Studio Code, or any of its trademarks.