美文网首页
在 Visual Studio Code 中使用 markdow

在 Visual Studio Code 中使用 markdow

作者: 施瓦 | 来源:发表于2018-05-20 20:35 被阅读0次

在 Visual Studio Code 中使用 markdown 插件

[图片上传失败...(image-f009-1526821724333)]
[图片上传失败...(image-bfcd9f-1526821724333)]
[图片上传失败...(image-efd0e4-1526821724333)]
[图片上传失败...(image-a77fad-1526821724333)]

及您所需 (快捷键, table of contents,自动预览和更多功能).

实现

  • 快捷键 (字体加粗, 斜体, 代码块, 删除线以及标题)
    • 提示: **word|** -> **word**| (<kbd>Ctrl</kbd> + <kbd>B</kbd>)
    • 如果没有选择文本, 鼠标 左右将会设置加粗样式 (the entire list item if you are toggling strikethrough)
  • 目录 (没有像 ``这种烦人的标签)
    • 想要TOC标签和github兼容, 你需要将githubCompatibility 设置为 true
  • 大纲视图 见 explorer 视图
  • 自动显示预览 当打开一个 Markdown 文件时 (默认为禁用状态)
  • 将 Markdown 转换成 HTML 文件
    • 如果您想要共享自己的文件, 建议您使用浏览器(例如谷歌浏览器)将导出的 HTML 打印成 PDF 格式
  • 列表编辑 (在列表项末尾使用 <kbd>Enter</kbd> 继续使用列表) (同样适用于引用块)
    • 在列表项的开始处使用 <kbd>Tab</kbd> 将会缩进它
    • 在列表项的开始处使用 <kbd>Backspace</kbd> 将会取消缩进(或者删除列表标记)
    • 空白的列表项可以使用 <kbd>Enter</kbd> 来删除
    • 当您缩进/减少缩进或者向上/向下移动一行后,有序列表将会自动被修复.
  • GitHub Flavored Markdown
    • 表格格式 (<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>F</kbd>)
    • 任务列表 (使用 <kbd>Alt</kbd> + <kbd>C</kbd> 来检查/取消选中任务列表)
  • 数学渲染 (见下方截图)
  • 字典提示 (已经移动到单独的扩展中 Dictionary Completion)
  • 其他
    • 使用 "打开预览" 按键覆盖 "切换预览", 这意味着您可以使用相同的按键绑定来关闭预览 (<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>V</kbd> 或者 <kbd>Ctrl</kbd> + <kbd>K</kbd> <kbd>V</kbd>).

键盘快捷键

[图片上传失败...(image-539b09-1526821724334)]

[图片上传失败...(image-eb9696-1526821724334)]

目录

[图片上传失败...(image-2a5868-1526821724334)]

列表

[图片上传失败...(image-1b0ab1-1526821724334)]

表格格式化

[图片上传失败...(image-736268-1526821724334)]

大纲

[图片上传失败...(image-5e7969-1526821724334)]

任务列表

[图片上传失败...(image-800389-1526821724334)]

数学渲染

[图片上传失败...(image-4e288-1526821724334)]

快捷键

按键 命令
<kbd>Ctrl</kbd> + <kbd>B</kbd> 切换加粗
<kbd>Ctrl</kbd> + <kbd>I</kbd> 切换斜体
<kbd>Alt</kbd> + <kbd>S</kbd> 切换删除线
<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>]</kbd> 切换标题(上一级)
<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>[</kbd> 切换标题 (下一级)
<kbd>Ctrl</kbd> + <kbd>M</kbd> 切换数学环境
<kbd>Alt</kbd> + <kbd>C</kbd> 检查/取消选中任务列表项

可使用命令

  • Markdown: Create Table of Contents(创建目录)
  • Markdown: Update Table of Contents(更新目录)
  • Markdown: Toggle code span(切换代码块)
  • Markdown: Print current document to HTML(将文件打印成HTML格式)

支持设置

名称 默认 描述
markdown.extension.toc.levels 1..6 控制标题级别用来显示在目录中.
markdown.extension.toc.unorderedList.marker - 在目录中使用 -, * 或者 + (用于无序列表)
markdown.extension.toc.orderedList false 在目录中使用有序列表.
markdown.extension.toc.plaintext false 仅是纯文本.
markdown.extension.toc.updateOnSave true 在保存时自动更新目录.
markdown.extension.toc.githubCompatibility false GitHub 兼容性
markdown.extension.preview.autoShowPreviewToSide false 打开Markdown文件时自动显示预览.
markdown.extension.orderedList.marker ordered 或者为 one: 总是使用 1. 来标记有序列表
markdown.extension.italic.indicator * 使用 * 或者 _ 来包装斜体文字
markdown.extension.showExplorer true 在面板中显示大纲视图
markdown.extension.print.absoluteImgPath true 将图像路径转换为绝对路径

更新日志

查看 CHANGELOG 获取更多讯息.

Latest CI Build

Download it here

合作

Bugs, feature requests and more, in GitHub Issues.

Or leave a review on vscode marketplace 😉.

相关文章

网友评论

      本文标题:在 Visual Studio Code 中使用 markdow

      本文链接:https://www.haomeiwen.com/subject/rtatjftx.html