在vscode中使用markdown预览功能

发表于

在vscode中使用markdown预览功能

安装配置步骤：

  • 准备工作

已安装vscode

  • 安装插件

在vscode的扩展，搜索 Auto-Open Markdown Preview 并安装，此时新建一个 yourName.md，打开编写，这时候可能没有预览，你可以点击 ctrl + shift + v。可以打开两个窗口，边写边预览

  • 增加git主题

  1. 如果想看到github上面同样的预览效果，可以下载css到本地，例如我保存到本地D:/Program Files (x86)/Microsoft VS Code/resources/app/extensions/markdown/media/，并自定义名称保存，比如我保存为 githubStyleMd.css

  2. 配置文件，File(文件) -> Preferences(首选项) -> Settings(设置)，添加如下配置

1
2
3
"markdown.styles": [
      "file:///D:/Program Files (x86)/Microsoft VS Code/resources/app/extensions/markdown/media/githubStyleMd.css"
  ]

此时打开便可看到md的实时预览效果啦。~