返回

一次vscode插件开发的完整经历

前端

正当觉得自己满身才华无处施展,看到大佬轻而易举地做出一个又一个插件时,不免心生羡慕,也萌生了开发一个插件的想法。

当然,我只是一个前端er,而且是一个没有赚到第一桶金的前端er。

写网站?显然不现实。

于是,我便打算开发一个vscode插件。

vscode插件开发之旅

1. 构思

想要开发什么插件呢?

最开始,我的想法是做一个json格式化的插件,因为我经常需要对json数据进行格式化,而vscode自带的格式化功能并不太好用。

不过,后来我发现已经有人开发了类似的插件,而且功能比我想做的还要强大。

怎么办?

既然做json格式化插件不合适,那我就做一个其他的吧。

于是,我决定做一个小插件,用来统计当前项目中代码的字数。

2. 开发

确定了插件的功能后,我便开始着手开发。

vscode插件开发需要使用typescript语言,这对我来说并不是什么问题,因为我之前已经学过typescript。

不过,在开发过程中,我还是遇到了不少问题,比如:

  • 如何在插件中访问vscode的api?
  • 如何在插件中注册命令?
  • 如何在插件中创建面板?

这些问题,我都是通过查阅vscode官方文档和网上资料解决的。

经过一番努力,我终于完成了插件的开发。

3. 测试

完成插件开发后,我便开始对插件进行测试。

我主要测试了以下几个方面:

  • 插件是否能正常安装?
  • 插件是否能正常运行?
  • 插件是否能实现预期的功能?

经过测试,我发现插件运行正常,能够实现预期的功能。

4. 发布

测试通过后,我便将插件发布到了vscode商店。

插件发布需要填写一些信息,比如插件名称、插件、插件关键词等。

填写完信息后,我点击提交按钮,插件便成功发布了。

5. 推广

插件发布后,我便开始对插件进行推广。

我主要通过以下几个渠道推广插件:

  • 在vscode商店中提交插件
  • 在我的博客中写一篇关于插件的文章
  • 在社交媒体上分享插件

经过推广,我的插件获得了不错的下载量。

写在最后

以上就是我一次完整的vscode插件开发经历。

从构思到发布,我经历了很多,也学到了很多。

如果你也想要开发一个vscode插件,那么我希望我的这篇文章能够对你有所帮助。

附录:开发心得

  • 在开发vscode插件之前,需要先了解vscode的api。
  • 在开发vscode插件时,可以使用typescript语言。
  • 在开发vscode插件时,需要遵循vscode的开发规范。
  • 在开发vscode插件时,需要对插件进行充分的测试。
  • 在发布vscode插件之前,需要对插件进行推广。