#长按上图识别二维码，参与OSC源创会年终盛典#

笔者写了几个小demo，是本着好奇加学习的心态，微信小程序已经内测有一段时间了，虽说在MINA框架上并没有碰到太多的坑，然而官方开发工具实在难以让人满意。

api提示不全，要一个个查api啊，写代码超级慢啊

很多必备的快捷键都没有，比如全选关键字、快速复制一行等等

颜色主题不能选？不喜欢白色风格怎么搞

没有插件 没有插件 没有插件 重要的事情说三遍

无奈之下，笔者踏上了尝试各类不同 IDE 的行程，此刻来讲述一下，笔者针对 IDE 所抱有的需求，或者心中所设想的内容：

对于轻量级而言，那种类似的庞然大物是我所不喜欢的，不管出现类似工具与否，我都不会去使用它，原因就在于其中90%的功能都不会被用到。

那种能够进行定制化操作的代码着色，代码着色属于必备的功能，要是可以支持颜色模板那将会是最好的。

准确的代码提示：这个太重要了，大家懂得

可调试：IDE可以进行调试或运行

实时预览的界面，因为应用开发跟网页不一样，实时预览只有在程序运行之时，才会把动态数据加载至界面，对此我没抱太大的希望。

针对上述几个需求，笔者先是尝试了当前市面上助力小程序开发的工具，而后又进行了尝试，费尽心思总结成如下内容，用来供大家去参考。

微信小程序官方开发工具

留意，此小标题我并未采用“IDE”字样。鉴于在笔者看法里，它切实是个工具，并非一个IDE。官方工具当中的代码编辑功能，乃是把代码编辑功能嵌入至工具内，无法充分支持开发。

优点

倘若不是其代码编辑功能太过薄弱，那由于它属于官方工具，便具备着其他第三方工具所没有的、无可比拟的天然优势。

官方工具，可调试，可预览

基本的代码编辑、智能提示、调试等功能都有

项目管理、创建、手机预览、代码提交审核

官方维护更新

缺点

其存在着明显不好之处，整体来讲它属于一款工具而非IDE呵。它具备糟糕的代码编辑功能，在编写代码时其感觉极为别扭，这此缘由当是致使我放弃它的最为关键因素呢。

api提示不全，要一个个查api啊，写代码超级慢啊

很多必备的快捷键都没有，比如全选关键字、快速复制一行等等

颜色主题不能选？不喜欢白色风格怎么搞

没有插件 没有插件 没有插件 重要的事情说三遍

总结

现阶段鉴于要依靠微信 web 开发工具来开展小程序的创建工作，进行调试操作，实施查看行为，实现预览功能，完成上传事项，故而这般工具是绝对不可或缺的。然而其代码编辑功能着实糟糕透顶，建议选用其他第三方代码编辑工具予以替代。

Text 3

讲完官方工具之后，来谈一谈我日常工作当中最为常用的工具text 3，它的定位是代码编辑器而非IDE，对它进行试用过后，在代码提示这个方面其表现仅仅只能算是普普通通罢了。

优点

打开文件速度倍儿快、UI简洁大方

代码编辑体验舒适、高效

拥有大量插件，针对不同需求基本上能找到对应插件来满足

第三方开发者开发小程序插件用于代码着色和代码提示

缺点

没有调试，没有预览

因为是第三方开发者编写的插件，代码提示也不是非常全面

总结

代码编辑优势之外，对小程序开发并无实质帮助，最终笔者放弃了Text方案。

实在是没办法不吐槽，Text的这个插件，费了好大的劲才将它运行起来，心里真郁闷。

Vim + WEPT

一直以来，被称作编辑器之神的Vim，始终是我用来进行某种炫耀行为的得力工具，至于Vim的诸多优点，我就不再过多阐述了，不然使用Emacs的人会过来斥责我。

网上有人已然开发出了对应的插件，其名为Wxapp.vim ，这个插件笔者略微使用了一番，它涵盖文件检测、智能补全、文档跳转、语法高亮、缩进、代码段、单词列表、语法检查等功能。总体而言还算不错，然而却存在一个颇为严重的问题。笔者于进行服务器开发之际，基本上运用Vim编程，与一些其他的插件以及工具相搭配，直接在终端给予运行并且调试。但是微信小程序这个东西sublime text 3小程序，我用了好半天，最终还是不得不放弃，原因在于要频繁地在Vim以及微信小程序官方工具之间来回进行切换，这使得笔者的心绪变得极为烦躁。依照笔者一贯的作风，在使用Vim的时候，就应当把鼠标给扔掉。

但最终我还是发现了一个补救方案，下面会介绍一下。

优点

代码高亮，代码提示等功能齐全。

有小程序开发插件Wxapp.vim可以使用，上文已经提到

缺点

无法调试预览

另外一个问题在于很多人搞不定Vimsublime text 3小程序，这货学习曲线优点高

UI和使用方式不符合大多数人的习惯

总结

'WEPT'这个货解决了我上面Vim说的痛点。

WFPT是一个微信小程序实时开发环境，其目标在于为小程序开发给予具备高效、稳定、友好以及毫无限制特性的运行环境吧。这也就意味着，它自身是一个能够实现实时运行的环境，能够达成实时预览以及调试之效果。与此同时，调试能够借助浏览器予以完成。和先前Vim搭配得相当完美地解决了从代码编辑一直到调试进而抵至预览的相关问题。

这个家伙算不上是集成开发环境，笔者便不做有关优点以及缺点的解析了。整体而言，WEPT加上VIM加起来是个挺好的解决办法。在这里推荐大家去使用。

网页之上存在着一个插件，它能够达成代码提示的功能，然而却不可以进行调试以及预览，而且它属于那种重度工具，鉴于此笔者并未加以使用。对于那些钟情于厚重感的童鞋而言，可以去尝试一番这个工具。

优点

有插件可以实现代码高亮，代码提示等功能

有非常成熟和非常丰富的功能

各种快捷键

缺点

无法调试预览

功能比较多、比较臃肿

总结

总的来说，跟上述那几个相同，代码编辑具备强大功能，然而要开发小程序得有插件支持才行，并且体积庞大臃肿。

Egret Wing

Wing此物算得上是笔者所看到的首个公司层面予以支持的IDE了，因而其功能做得颇为成熟。进行下载并尝试了一番，就当下而言，除却上面的Vim方案，此应当是目前经对比之后最佳的IDE工具了。

优点

支持代码提示，代码高亮

实时预览和调试和切换不同分辨率预览

居然支持项目创建？！

支持新建page模板文件

双周更新

缺点

处于实时状态的界面预览是属于那种静态渲染的范畴，针对于界面里的动态数据而言，是没有办法去进行预览操作的，仅仅能够在调试这个阶段的时候才可以去进行预览。

无法进行可视化拖拽生成界面（是我太贪心了么？）

总结

Wing是一款唯一支持实时预览功能的IDE，就连微信官方都不存在实时预览而是得编译后才进行预览，对于身为大懒人的笔者而言，写界面时有实时预览简直不要太畅快！wing不仅能够而且还能够创建项目，能够新建page模板，运行一回项目发觉，这个预览界面与微信官方开发工具极为相像。优先予以推荐使用。

总结

整理个表，大家看自己心情选择。

如有侵权请联系删除！