Vscode 安装配置MarkDown甘特图

Vscode 安装配置MarkDown甘特图

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 甘特图实例

一、安装VScode插件

  • Markdown All in One本身就安装过不行。这个插件好像不行,系统里已经安装过了。所以下一个
  • 试下Markdown Preview Enhanced插件----->可以使用
    (不懂插件如何安装的,自行百度)

二、甘特图Markdown学习记录

顺路学习下,关于 甘特图 语法,参考 这儿有个链接

其实mermaid不只是流程图,根据网页介绍,很多图都可以做,包括流程图,行程图,序列图,类图。

在MarkDown中需要如下格式输入,可以调用甘特图。另外,csdn好像不支持这句话excludes weekend。也不支持axisFormat。
在这里插入图片描述

Mon 06 Mon 13 Mon 20 Completed task Active task Future task Future task2 Completed task in the critical line Implement parser and jison Create tests for parser Future task in critical line Create tests for renderer Add to mermaid Describe gantt syntax Add gantt diagram to demo page Add another diagram to demo page Describe gantt syntax Add gantt diagram to demo page Add another diagram to demo page A section Critical tasks Documentation Last section Adding GANTT diagram functionality to mermaid

Critical tasks是关键任务,且关键任务红色标注的,如果已完成就是红色框,未完成底色是红色。
如果不标注起始时间,默认上一项任务完成开始。

Thu 20 12:00 Fri 21 12:00 Sat 22 12:00 Jul 23 12:00 Mon 24 12:00 Tue 25 12:00 Wed 26 12:00 Thu 27 apple banana cherry

cherry 工作在 b 和 a 完成之后开始。
这个axisFormt ,csdn不支持,但是VSCode中能用的。横坐标自动加的,效果挺差。

%a - abbreviated weekday name.
%A - full weekday name.
%b - abbreviated month name.
%B - full month name.
%c - date and time, as "%a %b %e %H:%M:%S %Y".
%d - zero-padded day of the month as a decimal number [01,31].
%e - space-padded day of the month as a decimal number [ 1,31]; equivalent to %_d.
%H - hour (24-hour clock) as a decimal number [00,23].
%I - hour (12-hour clock) as a decimal number [01,12].
%j - day of the year as a decimal number [001,366].
%m - month as a decimal number [01,12].
%M - minute as a decimal number [00,59].
%L - milliseconds as a decimal number [000, 999].
%p - either AM or PM.
%S - second as a decimal number [00,61].
%U - week number of the year (Sunday as the first day of the week) as a decimal number [00,53].
%w - weekday as a decimal number [0(Sunday),6].
%W - week number of the year (Monday as the first day of the week) as a decimal number [00,53].
%x - date, as "%m/%d/%Y".
%X - time, as "%H:%M:%S".
%y - year without century as a decimal number [00,99].
%Y - year with century as a decimal number.
%Z - time zone offset, such as "-0700".
%% - a literal "%" character.

210129编辑,以后用到再说。

在VS Code中配置Markdown流程图的流程如下: 1. 首先,确保你已经安装了VS Code编辑器和Markdown插件。可以在VS Code的扩展商店中搜索并安装"Markdown All in One"和"Markdown TOC"插件。 2. 接下来,创建一个新的Markdown文件或打开一个已有的Markdown文件。 3. 安装并启用"Markdown Preview Enhanced"插件。这个插件提供了更多的Markdown功能,包括流程图的支持。 4. 在Markdown文件中,使用流程图的语法来描述流程图。常用的流程图语法有"mermaid"和"PlantUML"。你可以在流程图代码块中使用这些语法,然后在预览中查看生成的流程图效果。 5. 配置Markdown Preview Enhanced插件,使其支持流程图的显示。在VS Code的设置中搜索"Markdown Preview Enhanced",找到相关选项,将其设置为正确的流程图语法("mermaid"或"PlantUML")。 6. 最后,保存Markdown文件并在预览中查看生成的流程图。根据你选择的流程图语法,你可能需要在预览中启用相应的渲染模式。 总结一下,配置Markdown流程图的流程包括安装Markdown插件、安装并启用Markdown Preview Enhanced插件、使用流程图语法编写流程图代码块,并配置预览插件支持流程图的语法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vscode配置markdown安装插件](https://blog.csdn.net/qq_38074673/article/details/106123101)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值