微信小程序已经内测一段时间了。作者出于好奇和学习,写了几个小demo。虽然我在MINA框架中没有遇到太多的坑,但是官方的开发工具确实不免费。
无奈,我只能踏上尝试各种IDE的旅程。现在我来谈谈我对 IDE 的需求或假设:
针对以上需求,笔者尝试了目前市面上支持小程序开发的工具。我精心总结如下,供大家参考。
微信小程序官方开发工具
请注意,我在此副标题中没有使用“IDE”一词。因为在作者眼里,它确实是一个工具,而不是IDE。官方工具中的代码编辑功能是将代码编辑功能嵌入到工具中,不足以支持开发。
优势
因为是官方工具,如果不是代码编辑功能太弱的话,有着其他第三方工具无法比拟的天然优势。
缺点
缺点也很明显。总的来说,它是一个工具而不是IDE。糟糕的代码编辑功能让写代码变得非常别扭。这是我放弃的最重要的原因。
总结
目前,由于需要微信网页开发工具来创建、调试、查看、预览、上传小程序,所以这个工具是必不可少的。不过代码编辑功能确实很差。建议使用其他第三方代码编辑工具代替。
文字3
说完了官方的工具,我们来说说我日常工作中最常用的工具text 3。它的定位是代码编辑器而不是IDE。尝试了一下,从代码提示来看只能算是一般。
优势
缺点
总结
除了本身的代码编辑优势之外,对于小程序的开发并没有任何实质性的帮助。最终Text方案也被作者放弃了。
我不得不抱怨一下Text这个插件。我花了很长时间才让它运行起来,这非常令人沮丧。
Vim+WEPT
Vim,编辑之神,一直是我炫耀的工具。 vim 的好我就不多说了,免得有人过来骂我。
网上有人开发了相应的插件,叫.vim。我简单使用过这个插件,它包括文件检测、智能补全、文档跳转、语法高亮、缩进、代码片段、单词列表、语法检查等功能。总体来说是好的,但是有一个严重的问题。我在做服务器开发的时候,基本上都是使用Vim进行编程,并使用其他一些插件和工具直接在终端上运行调试。但用了很长一段时间后,我不得不放弃微信小程序,因为我必须频繁地在 Vim 和微信官方小程序工具之间来回切换,这让我非常恼火。按照作者一贯的风格,使用Vim时应该扔掉鼠标。
但最终我找到了一种补救措施,我将在下面描述。
优势
缺点
总结
'WEPT' 解决了我上面提到的 Vim 痛点。
WEPT是微信小程序的实时开发环境。其目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。也就是说,它本身就是一个实时运行环境,可以实现实时预览和调试。同时可以借助浏览器完成调试。与之前的Vim配合使用,完美解决了从代码编辑到调试到预览的问题。
这个产品不是IDE,我不会分析它的优缺点。总的来说,WEPT+VIM+是一个不错的解决方案。推荐大家使用。
网上有一个插件可以实现代码提示,但不能做调试和预览。这是一个重型工具,所以我没有使用它。喜欢厚实手感的童鞋可以试试这个工具。
优势
缺点
总结
综上所述,和上面的一样,代码编辑功能强大但是需要插件支持才能开发小程序,比较臃肿。
翼
Wing是我见过的第一个支持公司级别的IDE,所以功能相当成熟。我下载并尝试了。目前来说,除了上面的Vim方案之外,经过比较,这应该是最好的IDE工具了。
优势
缺点
总结
Wing是唯一支持实时预览功能的IDE。就连微信官方也没有实时预览,需要编译后预览。对于懒惰的作者来说,当你有写作界面的实时预览时别高兴得太早! Wing不仅可以创建项目,新建页面模板,运行项目发现预览界面和微信官方开发工具非常相似。先推荐一下。