VSCode MarkDown-TOC 插件开发与发布

最新推荐文章于 2024-06-29 18:31:29 发布
最新推荐文章于 2024-06-29 18:31:29 发布
阅读量883 收藏
点赞数
分类专栏： # microsoft 文章标签： vscode visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wan212000/article/details/120873751
版权
本文介绍了在开发VSCode Markdown-TOC插件时遇到的目录生成错误及解决方案。内容包括：插件目录自动生成错误的解决方法，VSCode插件的发布流程，特别是Personal Access Token的设置，以及在执行时遇到的依赖问题和如何升级到TypeScript 2.0的详细步骤。
摘要由CSDN通过智能技术生成

这里写标题

1. VSCode MarkDown-TOC 插件

1.1. MarkDown-TOC 插件目录生成错误 auto

使用该插件自动生成 TOC, 但发现是一大坨很乱的字。仔细观察发现没有换行, 而且出现很多 audo 字符。

1.2. 解决

参考: https://github.com/AlanWalk/markdown-toc/issues/89

  1. 打开设置
  2. 搜索 eol
  3. 改为 \n

2. vscode 插件开发

这里以 markdown-toc 插件举例。

2.1. 发布

From: https://code.visualstudio.com/api/working-with-extensions/publishing-extension

特别要注意的是:

  1. 在设置 Personal Access Token 的时候 organization 一定要选择 “All accessible organizations” 否则设置的 token 不会生效。

在这里插入图片描述

  1. 可以直接登录 https://marketplace.visualstudio.com/manage/publishers/CharlesWan 进行手动上传 vsix 文件进行发布，免去命令行的麻烦。

在这里插入图片描述

npm install -g vsce
$ vsce login charleswan
$ vsce package
$ vsce publish

2.2. 执行 npm install 时提示: Error installing vscode.d.ts: Error: Request returned status code: 404

原因是这个包依赖的 vscode 包太旧了

最低0.47元/天 解锁文章
云满笔记
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
MarkdownTOC：SublimeText3插件，可在markdown文档中生成目录（TOC）
02-03
降价TOC Sublime Text 3插件，用于在Markdown文档中生成目录（TOC）。 注意：v3.0.0具有重大更改。 有关更多详细信息，请参见。 目录 点击打开目录 快速开始 MarkdownTOC插件 打开您的文件 将光标放在要插入目录的位置 从菜单中选择：工具> MarkdownTOC>插入目录 然后将TOC插入文档中 保存文档，您就完成了 现在，您可以继续编辑文档，或者可以自定义目录，请继续阅读。 产品特点 MarkdownTOC插件具有丰富的功能和自定义功能，对于在单个文档上工作或如果您有多个需要特殊TOC生成的文档都非常有用。 根据Markdown文档中的标题插入TOC 完成插件后，您可以根据标题插入自动生成的TOC。 有关如何利用自定义和详细信息，请参见“或“。 对于以下示例文档： # Heading 0 Headings before MarkdownTOC tags will be ignored. :reverse_button: place the cursor here and generate the TOC # Heading 1 L
markdown-it-toc
04-30
bower install markdown-it-toc 使用（在浏览器中） var md = window . markdownit ( ) ; md = md . use ( window . markdownitTOC ) ; console . log ( md . render ( '# test\n\n[TOC]\n\n## something' ) ) ;
vscode Markdown TOC 插件生成目录去除autoauto
Boush
11-17 867
vscode Markdown TOC 插件生成目录去除autuoauto 一、插件安装 二、配置去除autoauto vscode Markdown TOC 插件生成目录去除autuoauto 日常在使用 vscode 编辑markdown文件时，可以使用 Markdown TOC 插件，快速的生成TOC目录，但是生成的目录中含有很多autoauto，可以通过配置快速的去除autoauto 一、插件安装 打开扩展，搜索 Markdown TOC，此时会出现多个插件，下载版本号为：1.5.6的..
VSCode下MarkDown格式操作详解
最新发布
代码背包客的博客
06-29 496
Markdown 是一种轻量级的标记语言，Markdown 的简单性、可读性、跨平台性以及内容优先的特点,使的它成为当下非常流行的文本标记语言,广泛应用于各种内容创作和发布场景中。[在这里插述](https://img-blog.csdnimg.cn/direct/2f217b06bb1f44ee8de923140fde0723.png)这是一个在线的数学公式编译[网址](https://www.2weima.com/gongshi.html)17.(专心模式)专心写文档，ctrl + K 松开后按Z。
Windows下VSCODE使用MarkADown TOC插件，自动生成目录
air_knight的博客
10-13 7765
背景 下载Markdown TOC插件 方法2 方法3 使用方法 生成目录 为目录添加数字索引 插件配置选项 生成不带跳转链接的目录 指定目录深度 Windows下可能出现的问题 问题产生与分析 问题解决 背景 笔者通常是在vscode中书写markdown博客，但是发现无法使用其他平台，比如typora的[TOC]命令来生成目录，之后发现通过插件Markdown TOC来生成目录，效果还不错，所以记录一下使用方法，希望能够给需要的朋友一些帮助。 下载Markdown TOC..
i5ting_toc编译markdown文档详解
ITzhongzi的博客
03-25 3780
i5ting_toc 是把markdown编译成带有toc目录的html的node模块 i5ting_toc i5ting_toc a node npm wrapper of i5ting_ztree_toc https://github.com/i5ting/i5ting_ztree_toc Preview Install npm install -
Markdown-VScode打造Markdown编辑器
周先森爱吃素的博客
06-21 4252
主要介绍如何使用 Vscode 进行 Markdown 编辑器的配置。
VSCODE下的MARKDOWN简单使用操作
weixin_42875661的博客
09-30 1676
老套路；引言，追源，再讲实际 在说明之前,不得不表达一下VSCODE的优秀,简洁,安装包小,安装快捷,实用这几大功能,这里很建议大家使用. 首先在VSCODE中下载MARKDOWN插件,新建一个.markdown文件就可以进入编辑了,该编辑器有很多实际的用法,这里不多赘述,包括在CSDN编辑文档时候也可以使用MARKDOWN,所以是非常实用的. 常用功能: [TOC]-------放置目录,以#为头的多级目录都会被列进去...
markdown-toc:Markdown TOC（目录）生成器
03-18
除了`markdown-it-toc-and-anchor`之外，还有其他如`tocbot`、`markdown-toc`等类似的库，它们也提供了类似的功能。这些库通常通过npm（Node.js的包管理器）进行安装和管理，方便开发者在项目中快速集成。 在实际...
gulp-markdown-toc：markdown-toc的Gulp插件。 为一个或多个降价文件生成降价目录，并为多个文件生成可选索引
02-03
用于markdown-toc的Gulp插件。 为一个或多个降价文件生成降价目录，并为多个文件生成可选索引。 安装 使用安装： $ npm install --save gulp-markdown-toc 用法 var gulp = require ( 'gulp' ) ; var toc = ...
markdown-it-charts:markdown-it图表插件
05-13
markdown-it的图表插件。 快速轻松地扩展markdown-it。 支持chart.js，echarts，highcharts，CHARTIST，c3.js，tauCharts。 安装 node.js和Bower： npm install markdown-it-charts --save bower install markdown-...
vue3-markdown-it::sparkles: 一个很棒的 Vue 3 markdown-it 包装插件，甚至可以支持外部插件！
07-23
:sparkles: vue3-markdown-it :sparkles: 一个很棒的 Vue 3 包装插件，甚至可以支持外部插件！ :magnifying_glass_tilted_right: 安装 ...markdown-it-toc-done-right - 添加目录 用法 全球使
为 Markdown 生成 TOC 的 Vim 插件
靠谱-ing
09-16 2538
因为饱受 GFM 和 Redcarpet 两种 Markdown 引擎生成 TOC 链接的差异的折磨，而我又不得不同时使用它们——博客基于 Jekyll 使用 Redcarpet（Update 2016/09/16: GitHub Pages 现在已经改为只支持 kramdown），而其它放在 GitHub 仓库里的文档使用 GFM，我决定为我常用的 Markdown 编辑器 Vim 做一款同时支持
VScode编辑markdown文档
无垠宇宙
03-23 788
Markdown 是一种轻量级标记语言，用于编写格式化文档。它在编写文章时非常方便，但有些内容需要反复修改以应对变化，比如目录标题。为了解决这个问题，可以利用 VSCode 的Auto Markdown TOC 插件来自动生成目录。这样一来，只需在文章中标记好标题，插件就可以根据标题自动生成目录，省去了手动修改的烦恼。另外，经常需要在文章中插入截图来说明问题，但通过截图下载文件的方式会非常麻烦。为了简化这一过程，可以使用一些工具来直接将截图插入到 Markdown 文档中。
强大的Markdown TOC生成器——markdown-toc
gitblog_00048的博客
05-13 573
强大的Markdown TOC生成器——markdown-toc markdown-tocAPI and CLI for generating a markdown TOC (table of contents) for a README or any markdown files. Uses Remarkable to parse markdown. Used by NASA/openmct,...
(vs code 终于配成C 环境)@[TOC]
weixin_43827790的博客
11-30 375
(vs code 终于配成C 环境) vscode 下载成功后，看了好多环境设置的介绍，都没配成。 推荐vs code 终于配成C 环境https://blog.csdn.net/qq_37659828/article/details/81207111 该博介绍的详尽，注意所以路径要核对自己MINGW路径 ...
VSCode之Markdown自动生成目录#TOC#解决目录不整齐问题
夏普通
02-02 3291
一 、下载插件 （1）在扩展里，搜索“Markdown”，在列表里选择Markdown的插件。 （2）例如“Markdown TOC”，这是一个专门生产目录的插件。点击安装 二、生成目录 在你想添加目录的地方右击选择“Markdown TOC:Insert/Update” 三、可能出现的问题及解决 VSCode中Markdown目录显示异常 TOC标签格式异常出现如下auto的文字 原因：默...
vscode markdown插件汇总
捡起一束光的博客
09-26 1038
markdown-all-in-one 在所有拓展插件中，这个插件基础功能最全，快捷键多，方便使用。 markdown toc 这个插件是用来生成目录，这个插件我用得很爽的，在CSDN接触后欲罢不能。 markdown+math 喜欢使用latex编辑公式的人都会喜欢这个插件，这个插件可以让作者按照latex中编辑公式那样编辑公式。 markdownlint 规范命名规则的。 ...
vscode markdown 语法支持插件
05-24
对于 VS Code，有很多支持 Markdown 语法的插件可供选择。以下是几个比较受欢迎的插件： 1. Markdown All in One：提供了许多功能，如自动补全、目录生成、键盘快捷键、表格格式化等。 2. Markdown Preview Enhanced：提供了比 VS Code 自带的预览更加丰富的 Markdown 渲染效果，支持数学公式、流程图、甘特图等。 3. Markdownlint：对 Markdown 文档内容进行语法检查和风格统一，可以根据自定义规则进行检查。 4. Paste Image：方便地将图片粘贴到 Markdown 文档中，并且自动将图片保存到指定文件夹并生成 Markdown 代码。 5. Markdown PDF：将 Markdown 文档转换为 PDF 格式，支持自定义样式和主题。 这些插件都可以从 VS Code 插件商店中免费下载和安装。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

云满笔记

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值