Advertisement

在VS Code内置Markdown预览中加入Mermaid图表支持:vscode-markdown-mermaid插件

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
vscode-markdown-mermaid是一款为VS Code设计的插件,它允许用户直接在其内置的Markdown预览功能中嵌入和展示Mermaid图表。这款插件极大地提升了开发者的文档编写效率和可视化能力。 Markdown预览美人鱼支持将人鱼图和流程图添加到VS Code的内置markdown预览中。使用方法:在markdown中创建图可以使用mermaid围栏代码块: ```mermaid graph TD; A-->B; A-->C; B-->D; C-->D; ``` 也可以使用:::块: ```::: mermaid graph TD; A--->B; A--->C; B--->D; C--->D; ::: ``` 美人鱼当前支持版本为8.9.0。此外,您可以利用内置功能添加自定义CSS。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • VS CodeMarkdownMermaidvscode-markdown-mermaid
    优质
    vscode-markdown-mermaid是一款为VS Code设计的插件,它允许用户直接在其内置的Markdown预览功能中嵌入和展示Mermaid图表。这款插件极大地提升了开发者的文档编写效率和可视化能力。 Markdown预览美人鱼支持将人鱼图和流程图添加到VS Code的内置markdown预览中。使用方法:在markdown中创建图可以使用mermaid围栏代码块: ```mermaid graph TD; A-->B; A-->C; B-->D; C-->D; ``` 也可以使用:::块: ```::: mermaid graph TD; A--->B; A--->C; B--->D; C--->D; ::: ``` 美人鱼当前支持版本为8.9.0。此外,您可以利用内置功能添加自定义CSS。
  • Markdown Live Preview:Sublime Text 3 ,实时 Markdown
    优质
    Markdown Live Preview是一款专为Sublime Text 3设计的插件,能够实现实时预览Markdown格式文本的效果,极大提升编写效率和体验。 MarkdownLive预览是一个简单的插件,在Sublime Text中编写内容时可以实时预览Markdown格式的文档。该插件无需任何依赖项即可使用。 安装此插件可以通过程序包控制来完成。为了设置快捷键以打开预览,您可以在命令面板(Ctrl + Shift + P)中搜索“MarkdownLivePreview: Open Preview”。如果您希望自定义一个特定的快捷方式,请将以下内容添加到您的绑定文件中: ```json { keys: [alt+m], command: open_markdown_preview } ``` 贡献方面,如果发现需要实现的功能或错误,请随时参与改进。
  • Marp for VS Code: 使用Marp MarkdownVS Code制作幻灯片
    优质
    Marp for VS Code是一款插件,它允许用户利用Markdown语法,在Visual Studio Code编辑器内轻松创建美观且专业的演示文稿。 在VS Code上使用Marp创建用Markdown编写的幻灯片可以增强您的编辑体验。只需在文档顶部添加`marp: true`即可启用Markdown文档的Marp预览功能。 对于如何编写以及更多关于Marp生态系统的详细信息,请参考相关的官方文档和资源。我们为Marp Markdown提供了多种强大的工具,包括但不限于插件、模板等支持。 使用方法:当您在文件最开始写入 `marp: true` 时,将启用Markdown文档的Marp预览功能。另外,也可以通过点击VS Code工具栏中的图标来打开快速选择器,并从中选择相应的选项进行切换。
  • VSCode-Browse-Lite:VS Code的嵌式浏
    优质
    VSCode-Browse-Lite 是一款轻量级插件,它将一个简单的浏览器直接集成到Visual Studio Code中,使开发者无需离开编辑器即可预览和测试网页。 VS Code中的嵌入式浏览器 - 浏览精简版 - 页面刷新更快 - 暗模式感知 - 主题感知UI - 内置devtools支持 - 可扩展的动作 - 在系统浏览器中重新打开页面的功能 - 无遥测功能 通过运行“Browse Lite: Open...”命令即可启动浏览器。 该项目最初是为构建的。它是我的一部分工作成果。 许可协议:麻省理工学院许可证,版权所有(c)2019 Kenneth Auchenberg 许可协议:麻省理工学院许可证,版权所有(c)2021 Anthony Fu
  • Markdown-It-Table:为Markdown-It解析器增带嵌套块语法
    优质
    Markdown-It-Table是一款专为Markdown-It解析器设计的插件,它引入了具有嵌套区块功能的高级表格语法,增强了文档中表格的创建和编辑能力。 降价表 Markdown 解析器插件支持嵌套块语法的表格功能。安装方式为 `yarn add markdown-it-table`。 使用方法如下: ```javascript var md = require(markdown-it)(); var { markdownItTable } = require(markdown-it-table); md.use(markdownItTable, options); ```
  • VSCode-Shell-Launcher:便捷的VS Code多Shell配启动
    优质
    VSCode-Shell-Launcher是一款方便实用的Visual Studio Code插件,允许用户轻松设置并启动多种Shell环境,提高开发效率。 外壳发射器 在终端中轻松启动多种外壳配置。 指令: 此扩展公开了以下命令可以在文件中使用:shellLauncher.launch :显示一个快速选择项,允许用户从已配置的终端外壳列表中进行选择。 组态: 执行以下步骤将Shell Launcher命令绑定到CTRL + SHIFT + T。 1. 打开VS Code,然后按CTRL + SHIFT + X(或者您选择的一个键组合),这会打开keybindings.json文件。 如果已经为该组合分配了其他命令,则请选用另一个未被占用的组合。 2. 在您的keybindings.json文件中输入以下代码: ``` [ { key: ctrl+shift+t, ... } ] ```
  • vue-mermaid:用于Vue组的流程
    优质
    vue-mermaid是一款专为Vue.js应用设计的图表插件,支持无缝集成MermaidJS库以绘制各种流程图和序列图,极大增强了前端项目的可视化能力。 美人鱼Vue Component的使用方法如下: 安装依赖: ```shell npm install --save vue-mermaid ``` 用法: 注册组件: ```javascript import VueMermaid from vue-mermaid; Vue.use(VueMermaid); ``` 使用组件: ```javascript export default { data: function () { return { data: [ { id: 1, text: A, link: ---, next: [2], editable: true, style: fill:#f9f } ] }; }, }; ``` 注意,上述代码中的`style`属性值在原文中可能存在拼写错误。正确的应该为:`style: fill:#f9f`(假设原意是设置背景色)。
  • VSC-Markdown-Image:轻松Markdown
    优质
    VSC-Markdown-Image是一款专为Visual Studio Code设计的插件,旨在简化Markdown文件中的图片插入过程。使用此工具可以快速、高效地将本地或网络上的图片嵌入到文档中,极大地方便了Markdown编写工作。 降价图片用于在Markdown中方便地插入图片的扩展,它支持将图片存储在本地或第三方CDN服务中。 产品特点: - 复制图像文件或粘贴屏幕截图,快捷键Ctrl + Shift + V 或右键单击菜单“Paste Image”。 - 自动生成Markdown代码以插入图片。 - 可配置为支持多种CDN服务(如Imgur、Qiniu、SM.MS等)。 - 默认值为本地存储,您需要打开存放Markdown文件的文件夹。也可以自定义上传图片的代码。 - 支持Windows、MacOS和Linux操作系统。对于Linux用户,请确保已安装xclip,并在Ubuntu上使用sudo命令进行安装。 此扩展方便了Markdown文档中插入图像的过程,简化了操作步骤并提供了多种配置选项以适应不同的需求环境。
  • VS Code QQvscode-qq
    优质
    vscode-qq是一款专为Visual Studio Code设计的插件,它允许用户在编码时直接通过VS Code界面发送和接收QQ消息,提高开发者的工作效率。 VS Code QQ扩展目前实现了最基础的功能,适合在工作间隙放松或“摸鱼”。您可以在扩展市场搜索QQ并下载安装;安装完成后点击状态栏中的按钮登录即可使用。请注意,该功能需要Chrome浏览器完成滑动验证码验证(如无此浏览器,请根据提示手动操作)。遇到验证过程中黑屏问题时可以尝试重新加载。 在设置中,“platform”选项用于选择不同的登录协议:1代表安卓手机、4为iMac、5是iPad的最小版本、2对应aPad,3则是安卓手表。当前私聊消息仅能获取过去24小时内的历史记录;发送非文字信息需手动操作完成输入。 此外,该扩展暂时不支持临时会话功能,并且用户界面还有待进一步优化和完善。请注意,程序不会在本地保存任何聊天内容或图片文件。使用的UI库为指定的框架和组件集合。
  • VS CodeJava开发
    优质
    这款插件为Visual Studio Code用户提供全面的Java开发支持,包括智能感知、重构工具、调试功能等,极大提升Java编程效率和体验。 VS 提供了非常不错的 Java 开发插件,十分推荐下载使用。