一次vscode插件开发的完整经历
2023-12-30 14:41:26
正当觉得自己满身才华无处施展,看到大佬轻而易举地做出一个又一个插件时,不免心生羡慕,也萌生了开发一个插件的想法。
当然,我只是一个前端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插件之前,需要对插件进行推广。