VSCode 安装Markdown插件& 解决目录错乱问题

一.插件安装

1.首选项->扩展

VSCode 安装Markdown插件& 解决目录错乱问题

2.搜索 markdown , 找到 [Markdown All in One] , 点击安装[重启生效].

VSCode 安装Markdown插件& 解决目录错乱问题

3. 使用

打开或者创建一个扩展名为.md的markdown文件,即可操作.
操作效果如图:
VSCode 安装Markdown插件& 解决目录错乱问题
分屏操作
VSCode 安装Markdown插件& 解决目录错乱问题

二.目录构建

1. 正常编写markdown文件. 设定好目录层级.

VSCode 安装Markdown插件& 解决目录错乱问题

2. 生成目录

鼠标右键 , 选择MarkDown TOC:Insert/update 选项 .
VSCode 安装Markdown插件& 解决目录错乱问题

自动生成目录效果如下:
VSCode 安装Markdown插件& 解决目录错乱问题

3. 目录错乱问题解决

正常是不应该到这里的, 但是如果发现生成的目录错乱, 参考下面方法进行处理.
原因:默认行尾字符格式问题。 需要设置一下vocode中的参数:

错乱图片如下 :
VSCode 安装Markdown插件& 解决目录错乱问题

3.1 首选项 -> 设置进入到 设置页面:

VSCode 安装Markdown插件& 解决目录错乱问题

3.2 搜索eol 回车:

VSCode 安装Markdown插件& 解决目录错乱问题

3.3 修改默认行位字符为 “\n” , 保存

VSCode 安装Markdown插件& 解决目录错乱问题

3.4 删除错乱的目录,重新生成即可:

VSCode 安装Markdown插件& 解决目录错乱问题

VSCode 安装Markdown插件& 解决目录错乱问题