Vscode下使用markdown入门

本文介绍了如何在VSCode中安装和使用MarkdownAllinOne、MarkdownPreviewEhanced和PasteImage等插件,涵盖了Markdown的基本语法、表格、代码块、流程图、公式快捷键等内容,帮助你提高Markdown文档的编写效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.安装vscode插件

    1. **Markdown All in One**   ——提供丰富的Markdown相关的快捷键、自动补全功能,提高md文档编写生产力  

    2. **Markdown Preview Ehanced**   ——用于渲染当前编写文档的效果同步预览  

    3. **Paste Image**   ——用于快速引用图片至Markdown文档  

注意:安装后可能存在不识别现象,版本问题,可以更新Markdown Preview Ehanced版本到0.6.8

2.markdown常用用例

创建xx.md文件,然后点击

# 题目

[TOC]

## 一级标题

文字属性  *ctrl+i斜体*  **黑体ctrl+b**

------------------------------

1. 一级有序**索引**(换行是两个空格)-》  
    1. 二级索引  
    2. 二级索引  
    3. 二级索引  
       1. 三级索引
       2. 三级索引
       3. 三级索引

* 一级无序索引(*-+都可以)  
  * 二级索引  
    * 二级索引  
    * 二级索引  
  * 三级索引
  * 三级索引
  * 三级索引

------------------------------
![ctrl+alt+v](2024-04-01-19-31-53.png)

需要cv的**图片**进行ctrl+alt+v

------------------------------

(切换段落需要一个空行)如何实现对编号格式的控制呢,包括文本的字体等?

------------------------------
**流程图绘制过程:**

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

------------------------------
**公式快捷键**:一次ctrl+m,两次ctrl+m

$a + b = c $

$$
f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi \xi x} \,d\xi
$$

------------------------------

**代码**:

```c
int c=100;
```

```c
int c=100;
```

------------------------------

**引用一下:**

>引用一句话

------------------------------

**流程图目前有问题:**

```flow
start=>start: 开始
input=>inputoutput: 输入
operation=>operation: 操作
condition=>condition: 操作出错?
output=>inputoutput: 输出
error=>operation: 请重新输入
end=>end: 结束
```

------------------------------

时序图:

```sequence

微信用户-> 微信服务器:1:微信消息/事件

微信服务器-> 开发者服务器:2:推送消息/事件

开发者服务器-> WxBase:3:消息/事件处理准备

WxBase->WxHandler:4:分析并处理消息/事件

WxHandler->XmlMsgBuilder:5:传递回复消息实体

XmlMsgBuilder->WxBase:6:生成XML格式消息

WxBase->开发者服务器:7:输出回复消息

开发者服务器->微信服务器:8:响应推送

微信服务器->微信用户:9:用户接收回复

```

------------------------------

**表格:**

a|b|c
:---|:---:|---:
dddddd|eeeeee|fffffff
g|h|i

## 二级标题

3.效果图

### VSCode入门教程基本使用方法 #### 安装与启动 为了开始使用Visual Studio Code (VSCode),需先下载并安装该软件。完成安装后,可以通过点击桌面图标或命令行输入`code`来启动程序[^1]。 #### 界面介绍 初次打开VSCode会看到简洁直观的工作区布局。左侧为资源管理器面板;右侧为主编辑区域,在这里可以查看和修改文件内容;顶部菜单栏提供了访问各种功能的方式;底部状态栏显示当前项目的信息以及编码环境的状态提示。 #### 创建新文件 当准备创建一个新的Markdown文档时,可以在资源管理器中右键单击选择“新建文件”,之后给定名称加上`.md`作为扩展名即可建立一个用于撰写Markdown文本的新文件[^2]。 ```plaintext example.md ``` #### 基本使用快捷键操作 掌握一些常用的快捷键能够显著提高工作效率。例如Ctrl+N(Mac上Command+N)用来快速创建新的空白窗口;Ctrl+S保存正在编辑的文件;F1可调出命令面板执行特定任务等。 #### 调试代码 对于开发者来说,内置调试工具是非常实用的功能之一。通过设置断点、逐步执行语句等方式帮助定位错误所在位置,并观察变量变化情况以便更好地理解程序逻辑流程。 #### 扩展插件 丰富的社区贡献使得VSCode拥有众多高质量的第三方插件支持不同编程语言特性和开发需求。前往市场页面浏览感兴趣的主题风格或是语法高亮包来进行个性化配置优化用户体验。 #### 自定义设置 用户可以根据个人喜好调整字体大小、主题颜色方案以及其他偏好选项。这些都可以在全局设定里找到对应的参数项进行更改以满足日常使用的舒适度要求。 #### 终端集成 内嵌终端允许直接运行shell指令而无需切换到其他应用程序当中去处理相关事务。这对于频繁依赖命令行工作的场景特别方便高效。 #### 版本控制系统Git集成 借助于Git的支持,团队协作变得更加容易有序。可以直接从界面上提交更新、拉取最新改动甚至解决冲突等问题都变得轻而易举起来。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值