如何开发一个vscode插件
前端开发者对于vscode想必不陌生,它插件市场中拥有很多开发者开发的插件,让这个编辑器能力的潜力变得无限可能。如果你觉得vscode的功能不能满足你的要求,你完全可以自己去开发拓展一个插件,来增强自己vscode的功能。
我现在有一个需求,就是可以快速复制文件夹或者文件的名称。
这个该怎么做呢。让我们左手开发吧。
运行生成器,填好下方配置,比如插件名啥的。这里我选择的开发方式是typescript
先看看构建好的目录,主要文件就是package.json 和 extension.ts(因为我选择的语言是typescript
package.json
以上主要的配置就是 package.json 中的主要内容,我已经加以注释
接下来我们在 src/extension.ts 中实现
我们只需要点击 Run Extension 即可,此时将打开一个新的 vscode 窗口,显示 Extension Development Host
可以看到我们右键的菜单上成功多了一个功能。点击后成功给出提示,并能粘贴
至此,一个简单的功能便完成了。
打包成 vsix 文件
打开发布市场 官方网站 , 创建自己的发布账号,然后记录下自己的个人 token , 即可开始发布。
输入自己的账号,和 token 之后就可以发布了。等待几分钟后就可以在网页看到自己的项目
在vscode中也可以搜索到
VS Code 插件开发文档
vscode Extension API
vscode插件开发(3) LSP插件框架
上一次最后说到了文件结构,这次补充一下具体的文件,主要是client.ts和server.ts
直接上官网的sample:
首先是client.ts,可以看到client.ts里用的是之前说到的插件入口activate钩子,也就是插件启动的时候就先跑client。client做的事很简单:对client和server的option进行配置,然后把client跑起来。
当然也可以加个deactivate关掉server
server.ts
官网给的sample很长很长很长……但是其实就是,创建一个链接,然后监听链接的各个钩子,然后让文档监听这个链接。
【工具】VSCode 中的MD编辑插件Markdown Preview Enhanced
在日常中,由于工作等需要,经常需要写文档,由于习惯了MD的文档编写形式,所以在大多数情况下都是使用MD的形式进行文档编写,这样可以方便编写完成后转换成其它格式或直接发布为博客(注:博客为静态博客,使用MD作为底层的文档格式)。
在本地进行MD的编辑时,一般采用Typora进行编辑,同时支持对应的图片资源使用插件PicGo一键上传OSS,同时支持导出不同格式的文件,如PDF、HTML等。
最近需要一些对历史文档进行版本对比和可视化的查看,显然在Typora中是无法满足可视化的对比。于是借助对应的VSCode软件将文件进行Git管理。通过Git进行管理对应的历史编辑内容于对比。于是需要一个能在VSCode中全部完成编辑、查看、导出等功能的插件。
在搜索了较多的插件后,最后定位在了Markdown Preview Enhanced上。主要有以下几个优点
在插件中心搜索Markdown Preview Enhanced即可安装
注:目前已经百万安装。
vscode圣诞树效果怎么发给别人
vscode圣诞树效果发给别人:
1、直接发送。
2、发布到插件市场,发布到插件市场需要注册一堆账号,直接略过。