Visual Studio Code中使用Markdown Preview Enhanced插件

#Visual Studio Code中使用Markdown Preview Enhanced插件

Visual Studio Code可以到官网中下载。

下载好之后，打开VS Code。

附上Markdown Preview Enhanced 的中文简介：
Markdown Preview Enhanced 的中文简介

【左侧的扩展Extensions（快捷键Ctrl + Shift + X）】->【搜索框搜索"markdown-preview-enhanced"】->【Install】，即可安装插件，如图所示：

插件下载好之后重启VS Code。

【File】->【New File】，新建文件，点击新建文件右下角的纯文本按钮Plain Text，在弹出语言模式搜索框中搜索markdown，将新建文件的文件格式设置为Markdown，如图所示：

更改为：

在新建的markdown文本中随便输入一些文本内容，然后鼠标右键呼出功能栏（window系统），点击【Markdown Preview Enhanced：Open Preview to the Side】，右侧就会显示MPE Preview界面预览，这个时候在左边输入内容，右边的预览框会自动显示转换后的文本，如图所示：

使用代码如下：

#Introduction to Cryptography

##Block Cipher

###Normal: Alice to Bob

```mermaid
sequenceDiagram

participant A as Alice
participant B as Bob

A ->> A : C = E(K_ab, P)
A ->> B : C

note right of B : Process K_ab
B ->> B : P = D(K_ab, C)

在MPE Preview界面鼠标右键呼出功能栏（windows系统），Open in Browser可以将文件在浏览器打开，还可以选择生成Html或者PDF等。

选择生成PDF时发现提示：“princexml” is required to be installed，如图所示：

解决方法：下载Prince并配置

附上Prince官网下载地址：
Prince官网下载地址

下载完成之后，【计算机（右键）】->【属性】->【高级系统设置（控制面板主页中选择）】->【高级】->【环境变量】，将Prince的安装路径“E:\Download\Prince\engine\bin”（本机）添加到系统变量，如图所示：

重启VS Code，即可发现PDF文件可生成，如图所示：

但发现PDF无法将流程图生成，如图所示：

文件生成的位置就在程序文件位置，如图所示：