Top 5 VSCode Extensions To Boost Productivity When Using Markdown

Top 5 VSCode Extensions To Boost Productivity When Using Markdown

I've been switching from Emacs to VSCode for almost a year and I'm happy with my productivity. Most of the time, I'm editing Markdown. Let me share these five very useful extensions to increase your productivity on Markdown.

I moved from Emacs to VSCode for almost one year, and I’m happy about my productivity.

Most of the time, I’m editing Markdown.

Let me share these five extensions which are useful for boosting your productivity on Markdown.

1. Markdown All in One

Markdown All in One is a must for editing Markdown. It contains Markdown preview, keyboard shortcuts, auto preview, and more.

The shortcuts will make editing Markdown much easy:

Gif showing markdown all in one

The completion also contains path finding:

We can print Markdown to HTML with the command: Markdown: Print current document to HTML.

Furthermore, it comes with beautiful Math support:

2. Dictionary Completion

Dictionary Completion is another extension to help you input English words quicker. Because I’m not a native English speaker, this helps me write words correctly:

Markdown does not support quick suggestions by default; we need to add the below snippet to make hints appear when type in a Markdown file:

_"[markdown]": {_

_"editor.quickSuggestions": true_


3. Paste Image

I love inserting more screenshots into my Markdown files. Paste Image helps me save my images from xclip. This extension supports Mac/Windows/Linux.

4. PlantUML

PlantUML is an awesome extension if you need to draw diagrams.

In PlantUML, diagrams are defined using a simple and intuitive language. When you editing the source files of the diagrams, you can also preview the result:

PlantUML supports all kinds of diagrams used by developers, such as sequence diagrams, object and class diagrams, etc.

If you are already familiar with, you will like another extension: Integration.

5. Markdown Emoji

We need more smiles!

Markdown Emoji does one simple thing: adds some Emoji faces to your document.

But I found a defect in this extension. My Hexo rendered result does not show Emojis correctly in HTML. There is a similar extension Emoji that solves this issue. And you can even add Emojis into code:

programming javascript vscode

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Learning JavaScript: Development Environments for JavaScript Programming

One of the nice things about learning JavaScript these days is that there is a plethora of choices for writing and running JavaScript code. In this article, I’m going to describe a few of these environments and show you the environment I’ll be using in this series of articles.

Learn JavaScript - Full Course for Beginners. DO NOT MISS!!!

In this video tutorial, we'll learn Learn JavaScript - Full Course for Beginners. This complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language. DO NOT MISS!!!

Learning JavaScript: Data Types and Variables

To paraphrase the title of an old computer science textbook, “Algorithms + Data = Programs.” The first step in learning a programming language such as JavaScript is to learn what types of data the language can work with. The second step is to learn how to store that data in variables. In this article I’ll discuss the different types of data you can work with in a JavaScript program and how to create and use variables to store and manipulate that data.

[ Professor JavaScript ]: Introduction

Professor JavaScript is a JavaScript online learning courses YouTube Channel. Students can learn how to develop codes with JavaScript from basic to advanced levels through the online courses in this YouTube channel.

Hire Dedicated JavaScript Developers -Hire JavaScript Developers

Hire dedicated JavaScript Developers who are proficient in AngularJS, ReactJS, NodeJS, & VueJS frameworks. Get flexible hiring models as per your business requirements.