VS Code中markdown
- Markdown All in One
- Markdown Preview Enhanced
- vscode-drawio 流程图
- 使用方法：
- 语法
-
- 常用计算速查
-
- 省略号
- 字体
- 常用公式
Markdown All in One
支持一般markdown语法和功能，不支持mermaid、emoji等特殊用法。
预览使用功能键
Ctrl + Shift + V
。
在Command Palette（命令控制板Ctrl + Shift + P）内有一些非常有用的命令：
Markdown All in One:
Create Table of Contents
创建目录
Markdown All in One:
Update Table of Contents
更新目录
Markdown All in One:
Add/Update section numbers
添加 / 更新章节编号
Markdown All in One:
Remove section numbers
删除章节编号
Markdown All in One:
Toggle code span
触发设置代码范围（
code
）
Markdown All in One:
Toggle code block
触发设置代码块(
codes
)
Markdown All in One:
Print current document to HTML
Markdown All in One:
Toggle math environment
触发设置数学环境
Markdown All in One:
Toggle list
触发设置列表环境
Markdown Preview Enhanced
- 支持mermaid、emoji等特殊用法。
- Markdown Preview Enhanced 内部支持 flow charts, sequence diagrams, mermaid, PlantUML, WaveDrom, GraphViz，Vega & Vega-lite，Ditaa 图像渲染。 也可以通过使用 Code Chunk 来渲染 TikZ, Python Matplotlib, Plotly 等图像。
-
但要注意，它们生成的图，pdf或pandoc等并不一定都可以直接输出。比如mermaid的甘特图、序列图和流程图，可以直接输出到pdf，而类图、饼图、状态图、日程图等在直接生成的pdf文档中显示不出来。
解决办法是先保存成html文件，然后再打印成pdf文件。
在Command Palette（命令控制板）内有一些非常有用的命令：
-
Markdown: Markdown Preview Enhanced: Open Preview to the Slide
Markdown: Markdown Preview Enhanced: Open Preview
Markdown Preview Enhanced: Create Toc 生成 TOC（需要预览实现打开）。
Markdown Preview Enhanced: Toggle Scroll Sync 开／关预览滑动同步。
Markdown Preview Enhanced: Toggle Live Update 开／关预览实时更新。 如果关闭了，则预览只会在 markdown 文件保存时才会更新。
Markdown Preview Enhanced: Insert New Slide 插入新幻灯片并进入 presentation 模式。
Markdown Preview Enhanced: Insert Table 插入表格。
Markdown Preview Enhanced: Insert Page Break 插入断页符。
Markdown Preview Enhanced: Image Helper 图片助手支持快速插入图片链接，拷贝本地图片，和上传图片（powered by imgur and sm.ms）。国内用户推荐使用 sm.ms，墙内不限量免费上传图片。
更多命令和MPE操作详细说明参见 Markdown Preview Enhanced中文版
vscode-drawio 流程图
这个插件和markdown无关，是用来画流程图的，相当于简版的visio。
使用方法：
安装vscode-drawio插件
先在桌面创建一个空白的.drawio文件。
然后在VS code里打开这个文件，就会出现类似visio的操作界面。
语法
-
文本部分
1.1 斜体和粗体，删除线
例：斜体 和 粗体和删除线
1.2 分级标题
在行首加#号表示不同级别的标题 (H1-H6)，或（使用 === 表示一级标题，使用 — 表示二级标题。）例：
1.3 常用 Emoji & Font-Awesome
👊 📓 📧 😄 🎥 📷
:fa-car: 📞 ☎️ ❤️ ⏰ ➿
👍 📚 ✉️ 👎 💡 🔨
🚀 📖 ✉️ ☀️ 🔎 📈
☁️ 📊 🎐 🌺 📎 👻
🐛 📅 🎈 🍻 🎸 🎧
🍚 🎸 🎓 🏠 🗻 🏢
🚀 🏫 💘 🎶 💩 🐾
💬
1.4 引用和注脚
标注
- 上标：30th
- 下标：H2O
- 脚注：Content 1
缩略：
The HTML specification
is maintained by the W3C.
这里要有空格隔开中文
明 明 如 月，何 时 可 辍
标记
marked
1.5 外链接
这是去往 百度 的链接。
我的邮箱：[email protected]
1.6 文字引用
野火烧不尽，春风吹又生。
1.7 内容目录
在段落中填写 [TOC] 以显示全文内容的目录结构。
-
标签分类
在编辑区任意行的列首位置输入以下代码给文稿标签：
标签： 数学 英语 Markdown
Tags： 数学 英语 Markdown
2.0 常用布局
2.1 无序列表
使用 *，+，- 表示无序列表。
示例：
- 无序列表项 一
- 无序列表项 二
-
无序列表项 三
效果：
无序列表项 一
无序列表项 二
无序列表项 三
2.2 有序列表
使用数字和点表示有序列表。
示例：
有序列表项 一
有序列表项 二
有序列表项 三
2.3 行内代码块
使用
代码
表示行内代码块。
示例：
让我们聊聊 html。
tips:只要在左边做一个tab缩进就可以变成代码块
这是一个代码块，此行左侧有四个不可见的空格。
这是一个代码块，此行左侧有四个不可见的空格。
2.4 插入图像
2.5 表格
| 项目 | 价格 | 数量 |
|---|---|---|
| 计算机 | $1600 | 5 |
| 手机 | $12 | 12 |
| 管线 | $1 | 234 |
| > | ce | ce |
2.6 定义型列表
名词 1
: 定义 1（左侧有一个可见的冒号和四个不可见的空格）
- 代码块 2
- 这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）
代码块（左侧有八个不可见的空格）
2.7 Html 标签
本站支持在 Markdown 语法中嵌套 Html 标签，譬如，你可以用 Html 写一个纵跨两行的表格：
设置colspan，rowspan
| 值班人员 | 星期一 | 星期二 | 星期三 |
|---|---|---|---|
| 李强 | 张明 | 王平 |
2.8 待办事宜 Todo 列表 使用带有 [ ] 或 [x] （未完成或已完成）项的列表语法撰写一个待办事宜列表，并且支持子列表嵌套以及混用Markdown语法，例如：
- 完成
- 未完成
-
数学和LaTeX
$ 表示行内公式：
质能守恒方程可以用一个很简洁的方程式 E = m c 2 E=mc^2 E=mc2来表达。
$$ 表示整行公式：
∑ i = 1 n a i = 0 \sum_{i=1}^n a_i=0 i=1∑nai=0
常用计算速查
| 功能 | 语法 |
|---|---|
| 括号 | 直接()[] { x } \{x\} {x} |
| 括号匹配大小 | ( x y 3 ) \left(\frac{\sqrt x}{y^3}\right) (y3x 更多 5.2 序列图 更多 5.3 mermaid 甘特图 甘特图内在思想简单。基本是一条线条图，横轴表示时间，纵轴表示活动（项目），线条表示在整个期间上计划和实际的活动完成情况。它直观地表明任务计划在什么时候进行，及实际进展与计划要求的对比。 参考文档 5.4 puml 序列图 viz 或者 dot 代码块中的内容将会被 Viz.js 渲染。 你可以通过 {engine="…"} 来选择不同的渲染引擎。 引擎 circo，dot，neato，osage，或者 twopi 是被支持的。默认下，使用 dot 引擎。
版权声明：本文为CSDN博主「mghs_0318」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/mghs_0318/article/details/120087089 更多相关推荐VS Code插件之 Markdown 篇markdown vscode 1.yzhang.markdown-all-in-oneMarkdownAllinOne-VisualStudioMarketplace:https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one#features如其名，集成了编辑Markdown文件时需要的大部分... vscode markdown_VS Code扩展推荐vscode markdown VSCode，WSL基本配置请见：PinChen：WSL开发：OS，终端，Shell配置zhuanlan.zhihu.com一键同步我的配置，请见：PinChen：VSCode扩展SettingsSync配置zhuanlan.zhihu.com下面列举我用的扩展，分为Local和WSL环境（.... vs code实现markdown实时预览HTML/CSS/MD markdown vscode 1.打开你的vscode2.用Ctrl+Shift+X打开扩展栏，在输入框中输入"markdown"，在下方显示的所有扩展中选择"MarkdownPreviewEnhanced"并安装3.编辑你的markdown文件4.用Ctrl+Shift+P快捷打开命令面板，并输入"markdown".... MAC+VS Code+Python+Markdown配置TOOLS vscode python markdown 配置 MAC+VSCode+Python+Markdown调试配置最近，初初阶程序小白——澜子迷上了VSCode的高颜值，再加之其多平台，多语言支持和轻量级的特性，所以非常想安利给大家。不过也正是因为VSCode很轻量，所以需要手动安装一些插件，... vs code编辑 Markdown 文件工作记录 vs code Markdown vscode编辑Markdown文件参考链接https://www.cnblogs.com/shawWey/p/8931697.html在vscode编辑器中预览.md文件的方式新建.md文件先按Ctrl+K，然后放掉，紧接着再按v，调处实时预览框常用的Markdown语法标题分级标题....
猜您喜欢
文章随机推荐
|