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

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

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

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

俗话说的好,一千我的内心有一千个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中使用,我会持续更新~