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

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

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

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

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

4.可调试：IDE可以调试或运行

5、实时预览界面：因为应用程序开发不同于网页，实时预览必须在程序运行时加载动态数据到界面中，对这个我没抱太大希望。

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

微信小程序官方开发工具

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

优势

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

1.官方工具，可调试、可预览

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

3. 项目管理、创建、移动端预览、代码提交审核

4.官方维护更新

缺点

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

1. API提示不全，需要逐个检查API，写代码超级慢。

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

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

4. 禁止插件，禁止插件，禁止插件。我要说三遍。

总结

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

文本 3

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

优势

1. 打开文件速度更快，UI简洁优雅

2.舒适高效的代码编辑体验

3.插件数量众多sublime text 小程序，基本都能找到对应的插件，满足不同的需求

4.第三方开发者开发小程序插件进行代码着色、代码提示

缺点

1. 没有调试，没有预览

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

总结

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

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

注：插件下载链接在文章末尾

Vim + WEPT

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

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

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

优势

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

2.有小程序开发插件Wxapp.vim可以使用，上面有提到

缺点

1. 无法调试预览

2. 另一个问题是许多人无法使用 Vim。它的学习曲线很高。

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

总结

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

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

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

注：插件下载链接在文章末尾

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

优势

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

2. 功能非常成熟、丰富

3. 各种快捷键

缺点

1. 无法调试预览

2.功能多且臃肿

总结

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

注：插件下载链接在文章末尾

白鹭翼

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

优势

1.支持代码提示和代码高亮

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

3.它居然支持创建项目？！

4.支持新的页面模板文件

5. 每两周更新

缺点

1、实时界面预览是静态渲染，界面内动态数据无法预览，只能在调试时预览。

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

总结

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

由凯点工作室撰写、清华大学出版社出版的《扫一扫拿Offer——700道程序员招聘真题详解》现已在天猫、京东等各大网络书店和实体书店上架。

如有侵权请联系删除！