AutoNumber VsCode插件开发

::: details 目录

:::

需要将autoNumber.js脚本改为插件模式,右键就将当前markdown文档格式化

  • autoNumber.js 功能:将markdown二级标题 ## XXXX. 1: Title 的数字自动格式化
  • 插件名称: AutoNumber For Vscode

Step. 2: 安装脚手架

先全局安装脚手架

npm install -g yo generator-code

Step. 3: 创建空项目

上代码

yo code
We're constantly looking for ways to make yo better!
May we anonymously report usage statistics to improve the tool over time?
More info: https://github.com/yeoman/insight & http://yeoman.io 我们一直在寻找让你变得更好的方法!
我们是否可以匿名报告使用统计数据,以随着时间的推移改进该工具?
更多信息:https://github.com/yeoman/insight & http://yeoman.io
  • 选 N
? What type of extension do you want to create? (Use arrow keys)
> New Extension (TypeScript)
New Extension (JavaScript)
New Color Theme
New Language Support
New Code Snippets
New Keymap
New Extension Pack
New Language Pack (Localization)
New Web Extension (TypeScript)
New Notebook Renderer (TypeScript)
  • 选择 New Extension (JavaScript)
  • 因为我们就是个js脚本
What's the name of your extension? ()
  • 输入 AutoNumber For Vscode
 What's the identifier of your extension? (autonumber-for-vscode)
你扩展的id是什么
  • 输入回车
What's the description of your extension? ()
扩展的详细信息
  • 输入回车
Enable JavaScript type checking in 'jsconfig.json'? (y/N)
在“jsconfig”中启用JavaScript类型检查。json?(是/否)
  • 输入 y
? Initialize a git repository? (Y/n)
初始化一个git仓库
  • 输入 n
  • 先本地搞一个,也不发布
? Which package manager to use? (Use arrow keys)
> npm
yarn
pnpm
  • 选择 npm 即可
? Do you want to open the new folder with Visual Studio Code? (Use arrow keys)
> Open with `code`
Skip
  • 选择 Open

生成项目文件

.vscode
node_modules
test
.eslintrc.json
.vscodeignore
CHANGELOG.md
extension.js
jsconfig.json
package-lock.json
package.json
README.md
  • 按 F5 启动调试, 每次改代码我都要关了再从新F5

Step. 4: 打包发布

全局安装 vsce

npm install -g vsce

Step. 5: 本地打包

打包插件,让修改README.md 改成了这个插件的说明文档后,就可以打包

vsce package

Step. 6: 上传vscode插件库

将自己的插件传到公网上,通过搜索AutoNumber就可以找到我的插件

  • publishing-extension
  • create-organization
  • 实在是太慢了,慢到了就是打不开,最后虽然也打开了,但是我已然有点小崩溃
  • 不发布了,谁用谁自己点击下载文件安装吧~

Down. 7: 下载插件

点击插件 右上角... 选择 从VSIX 安装

Refer. 8: 参考资料

AutoNumber VsCode插件开发的更多相关文章

  1. VSCode插件开发全攻略(九)常用API总结

    更多文章请戳VSCode插件开发全攻略系列目录导航. 本文提炼一些常见的API使用场景供参考,本文内容有待完善. 编辑器相关 修改当前激活编辑器内容 替换当前编辑器全部内容: vscode.windo ...

  2. VSCode插件开发全攻略(十)打包、发布、升级

    更多文章请戳VSCode插件开发全攻略系列目录导航. 发布方式 插件开发完了,如何发布出去分享给他人呢?主要有3种方法: 方法一:直接把文件夹发给别人,让别人找到vscode的插件存放目录并放进去,然 ...

  3. VSCode插件开发全攻略(八)代码片段、设置、自定义欢迎页

    更多文章请戳VSCode插件开发全攻略系列目录导航. 代码片段 代码片段,也叫snippets,相信大家都不陌生,就是输入一个很简单的单词然后一回车带出来很多代码.平时大家也可以直接在vscode中创 ...

  4. VSCode插件开发全攻略(七)WebView

    更多文章请戳VSCode插件开发全攻略系列目录导航. 什么是Webview 大家都知道,整个VSCode编辑器就是一张大的网页,其实,我们还可以在Visual Studio Code中创建完全自定义的 ...

  5. VSCode插件开发全攻略(六)开发调试技巧

    更多文章请戳VSCode插件开发全攻略系列目录导航. 前言 在介绍完一些比较简单的内容点之后,我觉得有必要先和大家介绍一些开发中遇到的一些细节问题以及技巧,特别是后面一章节将要介绍WebView的知识 ...

  6. VSCode插件开发全攻略(五)跳转到定义、自动补全、悬停提示

    更多文章请戳VSCode插件开发全攻略系列目录导航. 跳转到定义 跳转到定义其实很简单,通过vscode.languages.registerDefinitionProvider注册一个provide ...

  7. VSCode插件开发全攻略(四)命令、菜单、快捷键

    更多文章请戳VSCode插件开发全攻略系列目录导航. 命令 我们在前面HelloWord章节中已经提到了命令写法,这里再重温一下. context.subscriptions.push(vscode. ...

  8. VSCode插件开发全攻略(三)package.json详解

    更多文章请戳VSCode插件开发全攻略系列目录导航. package.json 在详细介绍vscode插件开发细节之前,这里我们先详细介绍一下vscode插件的package.json写法,但是建议先 ...

  9. VSCode插件开发全攻略(二)HelloWord

    更多文章请戳VSCode插件开发全攻略系列目录导航. 写着前面 学习一门新的语言或者生态首先肯定是从HelloWord开始. 您可以直接克隆我放在GitHub上vscode-plugin-demo 的 ...

  10. VSCode插件开发全攻略(一)概览

    文章索引 VSCode插件开发全攻略(一)概览 VSCode插件开发全攻略(二)HelloWord VSCode插件开发全攻略(三)package.json详解 VSCode插件开发全攻略(四)命令. ...

随机推荐

  1. Flask 框架实现自定义分页

    手撸的表格分页: Flask框架下的分页,我研究了很久,自带的分页方法不稳定,还不如自己手撸的好使. <!--name:ndex.html--> <!DOCTYPE html> ...

  2. LyScript 批量搜索反汇编特征

    LyScript 插件实现对特定汇编指令片段的批量搜索功能,用户传入一个汇编指令列表,然后循环搜索该列表内的所有指令特征,如果找到了,则返回该指令的内存地址. 插件地址:https://github. ...

  3. C#中使用AutoMapper

    AutoMapper是一种流行的对象到对象映射库,可用于映射属于不同类型的对象.例如,您可能需要将应用程序中的DTO(数据传输对象)映射到模型对象. AutoMapper省去了手动映射此类不兼容类型的 ...

  4. PHP基础题目

    1.请写一个函数实现以下功能:字符串'open_door'转换成'OpenDoor','make_by_id'转换成'MakeById' function strHandle($str) { $ret ...

  5. (C语言)每日代码||2023.12.27||关于(++i)+(++i)以及(++i)+(i = 100)

    #include <stdio.h> int main() { int i = 1; int a = (++i) + (++i); printf("a = %d,i = %d\n ...

  6. 5.字典--《Python编程:从入门到实践》

    5.1 字典   在 Python 中,字典是一系列键-值对.键不能重复,否则对应的值是后面一个. 5.1.1 键-值队的添加与修改 alien_0 = {'color': 'green', 'poi ...

  7. list集合去重_谈谈Java中Set集合去重的原理

    导读:Java中Set接口是Collectio的子接口,Set集合不允许包含相同的元素.如果添加相同的元素, add()会返回FALSE, 新元素不会加入.Set集合常用于元素为数字.字符串去重等,但 ...

  8. delphi调试 字符串 栈的地址,和栈中存的值

  9. WPF仿win10加载动画 可用于loading加载

    直接上xaml 没有cs代码 (自己琢磨了好久感觉这样能接受) <UserControl x:Class="WpfApp1.Loading" xmlns="http ...

  10. 【framework】surfaceflinger启动流程

    1 前言 ​ surfaceflinger 的作用是合成来自 WMS 的 Surface 数据,并发送到显示设备. ​ SurfaceFlinger 服务不同于 AMS.WMS.IMP.PMS.DMS ...