vscode markdown格式化的插件编写(1)[发布流程]

mervin24315
1,531 阅读3分钟

第一篇: 介绍编写插件的准备和如何发布.

第二篇: 介绍插件简单功能的具体编写过程.

第三篇: 介绍插件开发遇到的问题和解决的方案

俗话说的好,一千个人心里有一千个README.md的格式,但是,偶尔也需要统一一下业界格式滴,不然我的小龙女是这样,

而你的小龙女是那样

小孩子才做选择,成年人都知道,我们一个都得不到😢

所以这一篇是以一个格式化markdown工具为例子,介绍开发vscode插件的准备过程以及发布过程, 总之就是和代码无关啦

具体开发流程可以戳这里

开发准备

开发工具

  1. VS Code
  2. nodejs

依赖安装

npm install - g yo generator - code

这是一个包括cli命令在内的官方开发工具

//cli
yo code

需要你填写一些信息, 例如项目名字之类.随便填

其实也就是一些 package.json 里的信息,也可以先对付着,后面再改.

在这里还可以填入一个icon,作为一个爱面子的人我决定花两分钟随便塞张图上去

注意: 会让你选择使用 typescript 或者 javascript , 会依据你的选择创建极其相似的模版.

以 typescript 为例, 生成的目录如下

file: {
    out: {
        dir: '输出文件目录',
        cd: {
            src: {
                dir: '输出转换后的代码'
            },
            test: {
                dir: '输出测试代码'
            }
        }
    },
    src: {
        dir: '代码目录',
        cd: {
            extension.ts: {
                file: '代码入口'
            }
        }
    }

}

开发

在生成的项目目录下, 打开vscode, command+shift+D 打开调试模式,

点击 Starting Debug 会打开一个新的VS code窗口, 那个页面就是生效的代码, 每次修改代码后, 需要重新 Run .

具体开发流程可以戳这里

插件上传

注册->创建团队->创建token->登录账号->发布包->更新包

注册账号

去 marketPlace 注册一个账号用来发布包

“是, 确定......”常规的邮箱注册流程...

创建组织以及PAT(Personal Access Token)

完成注册后, 直接在个人项目页面, 直接创建组织(organizations).

然后选择 Security

接着 add token , 会自动生成一串token, organization 选择 all accessible organization , scope 选择 full access .

注意: 生成的token是无法再次打开查看的, 请保存到一个安全的地方, 这是将来你登录自己账户的 PAT

为什么我会知道呢?肯定不可能是我后来发现没法登录, 又重新生成了一个

登录账号

vsce create - publisher < publisher name >

需要输入邮箱, 和 PAT , 接着登录刚才的账号

Vsce login < publisher name >

至此, 你已经可以开始 publish 插件了

vsce publish

目前开发了一些功能,算是可以用了,个人格式化了40篇md没有什么问题. 开发两小时,修了两天bug

在vscode插件里查找

git地址在这里~

代码在这里,star随意,欢迎issues~, 也欢迎大家在vscode中使用,我会持续更新~

avatar
文章
阅读
粉丝