IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> VSCode MarkDown-TOC 插件开发与发布 -> 正文阅读

[开发工具]VSCode MarkDown-TOC 插件开发与发布

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 包太旧了,访问原来的地址 https://vscode-update.azurewebsites.net/api/releases/stable 报错: Cannot GET /api/releases/stable

解决方法:

There are two ways to get out of that situation:

  • The latest vscode module already points to update.code.visualstudio.com. So the easy fix is to just update vscode to 1.1.37 in your dependencies.
  • The vscode module has been deprecated since about a year. So the right fix is to follow the migration guide and move out of that module.

If you’re going to have regressive licensing, you need to make sure old builds stay available at their old URL’s.

All builds are still available in update.code.visualstudio.com, as vscode-builds was just a redirect to that service.

2.3. 升级为 TypeScript 2.0

From: https://code.visualstudio.com/updates/v1_6#_authoring-in-typescript

Open the package.json file and do the following changes:

  • Change the TypeScript developer dependency from "typescript": "x.x.x" to "typescript": "^2.0.3".
  • Add a developer dependency for the Node.js typings using "@types/node": "^6.0.40".
  • If your extension has Mocha tests, change the developer dependency to at least Mocha version 2.3.3.
  • Add a developer dependency for the Mocha typing using "@types/mocha": "^2.2.32".
  • In the script section, exchange the compile script with "compile": "tsc -watch -p ./" and the vscode:prepublish with "vscode:prepublish": "tsc -p ./".

The devDependencies section should look like this:

"devDependencies": {
    "typescript": "^2.0.3",
    "vscode": "^1.0.0", // Or a higher version if necessary
    "mocha": "^2.3.3",
    "@types/node": "^6.0.40",
    "@types/mocha": "^2.2.32"
}

and the scripts section something like this:

"scripts": {
    "vscode:prepublish": "tsc -p ./",
    "compile": "tsc -watch -p ./",
    "postinstall": "node ./node_modules/vscode/bin/install"
}
  • Open the tsconfig.json file and exchange the line "noLib": true with "lib": [ "es6" ] and "target": "es5" with "target": "es6".

The file should look something like this:

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "outDir": "out",
    "lib": ["es6"],
    "sourceMap": true,
    "rootDir": "."
  },
  "exclude": ["node_modules", ".vscode-test"]
}

run npm install.

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-10-21 12:33:45  更:2021-10-21 12:36:48 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 22:33:22-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码