Issue #41  (More Markdown Features)02/01/23

Advertisement
Get a weekly dose of tools, articles, and other resources covering remote work, productivity, career well-being, and lots more.

Let's consider a few more Markdown-related features that are available in VS Code.

As you may already know, if you copy and paste a file from a native OS folder into any file you're editing that's not Markdown, it will paste the file name at the location of the cursor. For Markdown, however, you can enable the ability to paste image files into Markdown syntax instantly.

In your VS Code settings, search for "Markdown" then find the setting called "Paste Links: Enabled", then check the box. In addition, in your general editor settings, you'll have to enable "Paste Actions" (which you can reference directly from the Markdown setting, as shown below).
 
Paste Markdown links in VS Code
 
If you're editing a Markdown document with the Markdown preview window open, you might temporarily switch to edit another file. The Markdown preview stays open though. If you want to quickly switch back to editing the Markdown file you can double-click anywhere on the preview window (but not on a link) and VS Code's editor window will focus inside the Markdown file once again.
 
Double-click Preview to Edit Markdown in VS Code

You can disable the double-click feature in your settings if you want. And usefully, the editor will place the cursor inside the editor on the exact line where you clicked in the preview window.

Markdown documents don't require specific typography settings when previewing. Thus, you have the option to adjust how the Markdown preview displays text by adjusting the font family, font size, and line height.
 
Typography Settings in VS Code

By default the "Mark Editor Selection" setting is enabled. This will display a visual indicator in the preview window of what text is currently being edited in the editor window, so you can use this as a visual navigation cue as you're comparing what you edit and what you see in the preview.
 
Current Editing Indicator in Markdown in VS Code

There's still lots more I can cover in the area of Markdown editing in VS Code, so be sure to check out the settings and the VS Code docs for more productivity enhancements and other useful features for editing Markdown documents.
 
Now on to this week's hand-picked links!
 
 

VS Code Tools

Shiki Twoslash — A way to embed code snippets in docs and blog posts, powered by the syntax engine of VS Code.

CSS Var Complete — A VS Code extension that helps provide IntelliSense-based autocompletion for globally shared CSS Variables and more. Just type "--" and it will trigger autocomplete your previously defined global variables (or custom properties).

Houston — A really nice VS Code theme featuring cool blues, minty greens, and soft purples.

Swift for Visual Studio Code — Adds language support for Swift, including code completion, jump to definition, error annotations, automatic task creation, and more.
 

VS Code Articles

How to Code From Anywhere Using Self Hosted Code Server — This is about a tool called Coder that I included in a previous issue, which lets you use VS Code on a remote server, accessible through the browser.

VS Code Can Do That?! — A single useful resource with a whole slew of helpful tips, sourced from the official VS Code docs and the VS Code YouTube channel's "VS Code Can Do That" series.

Stacked Marketer — A daily newsletter that gives 50,000 marketers an edge and takes just 7 minutes or less to read. Covering news, tips & tricks, and insights for all major marketing channels like Google, Facebook, TikTok, SEO, and more.  Sponsor 

The Six Visual Studio Code Extensions I Advise All Python Developers to Use — The author includes a bit of an intro to VS Code and Python, before listing out his extension recommendations.
 
 

Best of the Rest

CodeImage — A web-based code snippet manager and tool to "prettify" your code screenshots, for use in social media and elsewhere.

LazyVim — A Neovim setup powered by lazy.nvim to make it easy to customize and extend your Neovim config.

8 Best C++ IDEs to Use in 2023 — This covers Visual Studio, NetBeans, CodeLite, Sublime Text, Code::Blocks, QT Creator, Eclipse CDT, and CLion.


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.