Home > Development Tools > VSCode > body text

Let's talk about how to configure Markdown in VScode (with basic syntax)

青灯夜游
Release: 2022-12-07 15:40:27
forward
6089 people have browsed it

How to use markdown in VScode? The following article will introduce to you how to configure Markdown in VScode, and talk about the basic syntax of Markdown. I hope it will be helpful to you!

Let's talk about how to configure Markdown in VScode (with basic syntax)

1. VSCODE configuration Markdown

Open the extensions on the left, or use Ctrl Shift X, Enter Markdown. [Recommended learning: vscode tutorial, Programming video]

Lets talk about how to configure Markdown in VScode (with basic syntax)

(1) Markdown all in one: It is a combination package, The most commonly used Markdown optimizations can be installed.

(2) Markdown preview GitHub styling: The Markdown rendering style used by Github. Using this style, you can preview the final display effect of the Markdown file in Github Pages locally.

2. Basic Markdown syntax

1. Create a new Markdown file in VSCODE

  • Right-click in the blank space - New File

Lets talk about how to configure Markdown in VScode (with basic syntax)

  • Enter the file name and end it with .md. Markdown documents end with .md.

Lets talk about how to configure Markdown in VScode (with basic syntax)

  • Open the file for editing

Lets talk about how to configure Markdown in VScode (with basic syntax)

  • Click the preview button to display the preview area. You can edit and view the effect of the file content

Lets talk about how to configure Markdown in VScode (with basic syntax)
Lets talk about how to configure Markdown in VScode (with basic syntax)

##2. The title of the Markdown file

The level of the title is represented by #. One # is the first level, and two #s are the second level. Levels can be displayed up to six levels. Note that there must be a space between # and the title content

Lets talk about how to configure Markdown in VScode (with basic syntax)

3. Markdown code insertion

The code block is framed by two lines of """ symbols; if it is a specified code block and you want to have corresponding highlighting, you can add it at the end of the first line Enter the name of this language, and the code within the code block will execute the corresponding highlighted syntax, such as python

Lets talk about how to configure Markdown in VScode (with basic syntax)

4 , Markdown ordered list

Enter a number, add a period, and then a space; you can indent empty multi-level lists

Lets talk about how to configure Markdown in VScode (with basic syntax)

5. Markdown unordered list

Enter -, then space; you can indent empty multi-level lists

Lets talk about how to configure Markdown in VScode (with basic syntax)

6. Markdown font display

Bold: use two on the left and right of the text Wrap

Italic: Wrap the text with a on the left and right

Bold italic: Wrap the text with three * on the left and right Get up

Strikethrough: Wrap the text with two ~~ symbols on the left and right

Note: The font display does not require spaces between symbols and content

Lets talk about how to configure Markdown in VScode (with basic syntax)

7. Markdown hyperlink

Syntax: [hyperlink name] ( Hyperlink address)

Lets talk about how to configure Markdown in VScode (with basic syntax)

8. Markdown table

Syntax:

Lets talk about how to configure Markdown in VScode (with basic syntax)

The second line separates the header and content.

The text is on the left by default

Add ":" on both sides: the text is centered

Add ":" on the right: the text is on the right

Lets talk about how to configure Markdown in VScode (with basic syntax)

For more knowledge about VSCode, please visit: vscode Basic Tutorial!

The above is the detailed content of Let's talk about how to configure Markdown in VScode (with basic syntax). For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:csdn.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template