Codog

关注微信公众号:Codog代码狗

0%

如何发布VSCode Web Extension

VSCode正备越来越多的使用在浏览器中,以Github为例,可以在项目页面按下.键,即可直接打开一个在线的VSCode编辑器,属实是厉害了👍。

然而Web端的功能相比客户端来说要少了一些,Terminal的功能就逊色一些,还有插件系统也做了更新,需要适配Web端。

image

也是在看Release Notes时看到的,特意标注了感谢插件作者兼容Web extension. 想起自己之前也发布过一款插件:Var Style,如果想在web上使用需要做一些额外的工作。

首先这个项目比较老旧了,一步一步改比较麻烦,索性直接使用最新的yeoman generator来初始一个新项目,在把功能代码移植就可以了。

执行npm i -g yo generator-code安装生成器(版本要>1.6)。

接着要打包插件,同样更新vsce到最新版本,执行vsce package命令,它就会自动帮我们执行构建打包操作了,最后将打包好的.vsix上传插件市场就可以了。

image

整个过程下来还是挺顺利的,当然也是跟插件功能复杂度相关,有相关需求的朋友欢迎试用此款插件。

参考文档:https://code.visualstudio.com/api/extension-guides/web-extensions

更新:已经加上了🤗

f507a4e90eb64aaab15529f1ef16c07d_tplv-k3u1fbpfcp-watermark