第一篇: 介绍编写插件的准备和如何发布.
第二篇: 介绍插件简单功能的具体编写过程.
第三篇: 介绍插件开发遇到的问题和解决的方案
俗话说的好,一千个人心里有一千个README.md
的格式,但是,偶尔也需要统一一下业界格式滴,不然我的小龙女是这样,
小孩子才做选择,成年人都知道,我们一个都得不到?
所以这一篇是以一个格式化markdown工具为例子,介绍开发vscode插件的准备过程以及发布过程, 总之就是和代码无关啦
具体开发流程可以戳这里
开发准备
开发工具
- VS Code
- 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中使用,我会持续更新~