#长按上方二维码，参与OSC年度盛典#

微信小程序内测已经有一段时间了，出于好奇和学习，写了几个小demo，虽然在MINA框架上没有遇到太多坑，但是官方提供的开发工具实在让人不满意。

●API提示不全，需要逐个检查API，写代码很慢

●缺少很多必备的快捷键，比如选择全部关键词、快速复制一行等等。

●无法选择颜色主题？不喜欢白色风格怎么办？

● 不要插件，不要插件，不要插件。因为这很重要，我要说三遍。

不得不尝试各种 IDE，下面说说我对 IDE 的需求或者说想法：

● 轻量级：我不喜欢那些庞大的工具，即使出现类似的工具，我也不会用，因为90%的功能都不会用到。

● 可自定义的代码颜色：代码着色是必备功能，最好支持颜色模板。

● 准确的代码提示：这个很重要，大家都懂的

● 可调试：可以使用IDE进行调试或运行

● 实时预览界面：由于应用程序开发不同于网页，实时预览必须在程序运行时加载动态数据到界面中，对此我并不抱太大希望。

针对以上需求，笔者尝试了目前市面上支持小程序开发的工具，费尽心思总结如下，供大家参考。

微信小程序官方开发工具

注意，我在这个小标题中没有使用“IDE”这个词。因为在我的眼里，它真的是一个工具，而不是一个 IDE。官方工具中的代码编辑功能只是工具中嵌入的代码编辑功能，不足以支持开发。

优势

因为是官方工具，如果它的代码编辑功能不是太弱的话，它比起其他第三方工具有着不可比拟的天然优势。

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

●具备基本代码编辑、智能提示、调试等功能

●项目管理、创建、移动预览、代码提交审查

●官方维护更新

缺点

缺点也很明显，总体来说，它更像是一个工具，而不是一个 IDE，代码编辑功能太差，写代码很别扭，这也是我放弃它的最重要原因。

●API提示不全，需要逐个检查API，写代码很慢

●缺少很多必备的快捷键，比如选择全部关键词、快速复制一行等等。

●无法选择颜色主题？不喜欢白色风格怎么办？

●禁止插件，禁止插件，禁止插件。重要的事情说三遍

总结

目前来说，创建、调试、查看、预览、上传小程序都需要微信网页开发工具，所以这个工具必不可少，但是代码编辑功能太差，建议使用其他第三方代码编辑工具。

文本 3

说完了官方的工具，再来说说我日常工作中使用最多的工具text3，它的定位是代码编辑器而非IDE，试用之后发现它的代码提示只能说是一般。

优势

● 打开文件速度更快，用户界面简洁优雅

● 舒适、高效的代码编辑体验

● 拥有大量插件，基本都能找到对应的插件，满足不同的需求

● 第三方开发者开发小程序插件，实现代码着色、代码提示

缺点

● 无需调试，无需预览

● 因为是第三方开发者编写的插件，所以代码提示不是很全面

总结

除了本身的代码编辑优势之外，对于小程序开发并无实质性的帮助，Text方案最终被作者放弃。

我不得不抱怨一下这个 Text 插件。我花了很长时间才让它运行起来。真是令人沮丧。

Vim + WEPT

编辑之神vim一直是我炫耀的利器，vim的优点我就不多说了，免得Emacs的人来骂我。

网上有人开发了相应的插件，叫Wxapp.vim。我简单用了一下这个插件，里面包含了文件检测、智能补全、文档跳转、语法高亮、缩进、代码片段、单词列表、语法检查等功能。总体来说还不错，但是有一个比较严重的问题。我做服务端开发的时候基本都是用Vim编程，用一些其他的插件和工具直接在终端里跑调试。但是用了很久的微信小程序之后不得不放弃，因为要频繁在Vim和微信小程序官方工具之间来回切换，让我烦躁至极。按照我一贯的作风，用Vim应该把鼠标扔掉了。

但我最终找到了一种补救措施，我将在下面描述。

优势

●完善的代码高亮、代码提示等功能。

● 有小程序开发插件Wxapp.vim可以使用，如上文所述

缺点

●无法调试预览

● 另一个问题是许多人无法掌握 Vim，因为它的学习曲线很高。

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

总结

'WEPT' 解决了我上面提到的 Vim 的痛点。

WEPT 是微信小程序的实时开发环境，它的目标是为小程序开发提供一个高效、稳定、友好、无限制的运行环境。换句话说，它是一个可以实时预览和调试的实时运行环境，同时可以借助浏览器进行调试。与 Vim 搭配使用，完美解决了代码编辑、调试、预览的问题。

这款产品不是IDE，笔者就不分析它的优缺点了，总体来说，WEPT+VIM+是一个不错的解决方案sublime text新建模板，推荐给大家。

网上有个插件可以提供代码提示，但是不能用来调试和预览，而且是个重度工具，所以我没用，喜欢重度感觉的可以试试这个工具。

优势

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

● 非常成熟且功能丰富

●多种快捷键

缺点

●无法调试预览

●功能过多，较为臃肿

总结

总结一下sublime text新建模板，像上面提到的这几种，代码编辑功能强大但是开发小程序需要插件支持，体积臃肿。

白鹭翼

Wing 是我见过的第一个有公司支持的 IDE，功能还是比较成熟的，下载试用了一下，目前除了上面说的 Vim 方案，对比下来这个应该是最好的 IDE 工具了。

优势

●支持代码提示和代码高亮

●实时预览及调试、切换不同分辨率预览

●居然还支持项目创建？！

●支持新的页面模板文件

●每两周更新一次

缺点

●实时界面预览为静态渲染，无法预览界面中的动态数据，只能在调试时预览。

● 无法进行可视化拖放来生成界面（我是不是太贪心了？）

总结

Wing 是唯一支持实时预览的 IDE，就连微信官网都没有实时预览，需要编译后才能预览。对于我这种懒惰的作者来说，写界面时能有实时预览，简直太爽了！Wing 不仅能做到这些，还能创建项目，新建页面模板。运行项目后发现，这个预览界面跟微信官方开发工具很像，建议先用一下。

总结

我列了一个表格，你可以根据自己的心情来选择。

如有侵权请联系删除！