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

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

Dec 07, 2022 pm 03:40 PM
vscode markdown

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!

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to view word documents in vscode How to view word documents in vscode How to view word documents in vscode How to view word documents in vscode May 09, 2024 am 09:37 AM

First, open the vscode software on the computer, click the [Extension] icon on the left, as shown in ① in the figure. Then, enter [officeviewer] in the search box of the extension interface, as shown in ② in the figure. Then, from the search Select [officeviewer] to install in the results, as shown in ③ in the figure. Finally, open the file, such as docx, pdf, etc., as shown below

How to draw a flow chart with vscode_How to draw a flow chart with visual_studio code How to draw a flow chart with vscode_How to draw a flow chart with visual_studio code Apr 23, 2024 pm 02:13 PM

First, open visual studio code on the computer, click the four square buttons on the left, then enter draw.io in the search box to query the plug-in, click Install. After installation, create a new test.drawio file, then select the test.drawio file, enter the editing mode on the left There are various graphics on the side. You can draw the flow chart by selecting at will. After drawing, click File → Embed → svg and then select Embed. Copy the svg code. Paste the copied svg code into the html code. Open the html web page and you can see it. Click on the picture on the web page to jump to the flow chart. On this page, you can zoom in and out of the flow chart. Here, we choose to click on the pencil pattern in the lower right corner to jump to the web page.

Caltech Chinese use AI to subvert mathematical proofs! Speed ​​up 5 times shocked Tao Zhexuan, 80% of mathematical steps are fully automated Caltech Chinese use AI to subvert mathematical proofs! Speed ​​up 5 times shocked Tao Zhexuan, 80% of mathematical steps are fully automated Apr 23, 2024 pm 03:01 PM

LeanCopilot, this formal mathematics tool that has been praised by many mathematicians such as Terence Tao, has evolved again? Just now, Caltech professor Anima Anandkumar announced that the team released an expanded version of the LeanCopilot paper and updated the code base. Image paper address: https://arxiv.org/pdf/2404.12534.pdf The latest experiments show that this Copilot tool can automate more than 80% of the mathematical proof steps! This record is 2.3 times better than the previous baseline aesop. And, as before, it's open source under the MIT license. In the picture, he is Song Peiyang, a Chinese boy. He is

How to add files to vscode workspace How to add files to vscode workspace How to add files to vscode workspace How to add files to vscode workspace May 09, 2024 am 09:43 AM

1. First, open the vscode software, click the explorer icon, and find the workspace window 2. Then, click the file menu in the upper left corner and find the add folder to workspace option 3. Finally, find the folder location in the local disk , click the add button

How to enable background updates in vscode How to enable background updates in vscode How to enable background updates in vscode How to enable background updates in vscode May 09, 2024 am 09:52 AM

1. First, after opening the interface, click the file menu in the upper left corner. 2. Then, click the settings button in the preferences column. 3. Then, in the settings page that jumps, find the update section. 4. Finally, click the mouse to check and enable it. Download and install the new VSCode version button in the background on Windows and restart the program.

How to disable wsl configuration file in vscode How to disable wsl configuration file in vscode How to disable wsl configuration file in vscode How to disable wsl configuration file in vscode May 09, 2024 am 10:30 AM

1. First, open the settings option in the settings menu. 2. Then, find the terminal column in the commonly used page. 3. Finally, uncheck the usewslprofiles button on the right side of the column.

How to set animation smooth insertion in VScode VScode tutorial to set animation smooth insertion How to set animation smooth insertion in VScode VScode tutorial to set animation smooth insertion May 09, 2024 am 09:49 AM

1. First, after opening the interface, click the workspace interface 2. Then, in the open editing panel, click the File menu 3. Then, click the Settings button under the Preferences column 4. Finally, click the mouse to check the CursorSmoothCaretAnimation button and save Just set it

How to open workspace trust permissions in Vscode Vscode method to open workspace trust permissions How to open workspace trust permissions in Vscode Vscode method to open workspace trust permissions May 09, 2024 am 10:34 AM

1. First, after opening the editing window, click the configuration icon in the lower left corner 2. Then, click the Manage Workspace Trust button in the submenu that opens 3. Then, find the page in the editing window 4. Finally, according to your office Just check the relevant instructions if required

See all articles