微信小程序已经内测一段时间了。 作者出于好奇和学习，写了几个小demo。 虽然我在MINA框架中没有遇到太多的坑，但是官方的开发工具实在是不敢恭维。

API提示不完整。 你必须一一检查API。 写代码超级慢。 很多必要的快捷键都无法使用，比如全选关键词、快速复制一行等。无法选择颜色主题？如果你不喜欢白色风格，怎么办？ 没有插件，没有插件，没有插件。 重要的事情说三遍。

无奈，我只能踏上尝试各种IDE的旅程。 现在我来谈谈我对 IDE 的需求或假设：

轻量级：我不喜欢类似的庞然大物。 即使出现类似的工具，我也不会使用它们，因为它们 90% 的功能都不会被使用。 可定制的代码着色：代码着色是必备功能。 如果支持颜色模板，最好有准确的代码提示：这一点太重要了，大家都知道。 可调试：IDE可以调试或运行实时预览界面：由于应用程序开发和网页不同，实时预览必须在程序运行时将动态数据加载到界面中。 我对此不抱太大希望。

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

微信小程序官方开发工具

请注意，我在此副标题中没有使用“IDE”一词。 因为在作者眼里，它确实是一个工具，而不是IDE。 官方工具中的代码编辑功能是将代码编辑功能嵌入到工具中，不足以支持开发。

优势

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

官方工具，可调试、可预览，基础代码编辑、智能提示、调试等功能，包括项目管理、创建、手机预览、代码提交与审核、官方维护与更新

缺点

缺点也很明显。 总的来说，它是一个工具而不是IDE。 糟糕的代码编辑功能让写代码变得非常别扭。 这是我放弃的最重要的原因。

API提示不完整。 你必须一一检查API。 写代码超级慢。 很多必要的快捷键都无法使用，比如全选关键词、快速复制一行等。无法选择颜色主题？如果你不喜欢白色风格，怎么办？ 没有插件，没有插件，没有插件。 重要的事情说三遍。

总结

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

文字3

说完了官方的工具，我们来说说我日常工作中最常用的工具text 3。它的定位是代码编辑器而不是IDE。 尝试了一下，从代码提示来看只能算是一般。

优势

文件打开速度更快，UI简洁优雅，代码编辑体验舒适高效。 它有大量的插件。 基本上不同的需求都能找到对应的插件，满足第三方开发者开发代码着色、代码提示的小程序插件。

缺点

由于是第三方开发者编写的插件，所以没有调试或预览，代码提示也不是很全面。

总结

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

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

注：插件下载链接在文末

Vim+WEPT

Vim，编辑之神，一直是我炫耀的工具。 vim 的好我就不多说了，免得有人过来骂我。

网上有人开发了相应的插件，叫.vim。 我简单使用过这个插件，它包括文件检测、智能补全、文档跳转、语法高亮、缩进、代码片段、单词列表、语法检查等功能。 总体来说是好的，但是有一个严重的问题。 我在做服务器开发的时候，基本上都是使用Vim进行编程，并使用其他一些插件和工具直接在终端上运行调试。 但用了很长一段时间后，我不得不放弃微信小程序，因为我必须频繁地在 Vim 和微信官方小程序工具之间来回切换，这让我非常恼火。 按照作者一贯的风格，使用Vim时应该扔掉鼠标。

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

优势

代码高亮、代码提示等功能齐全。有一个小程序开发插件.vim可以使用，上面提到过

缺点

无法调试和预览的另一个问题是很多人无法使用 Vim。 该产品的学习曲线、UI较高、使用方式不符合大多数人的习惯。

总结

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

WEPT是微信小程序的实时开发环境。 其目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。 也就是说，它本身就是一个实时运行环境，可以实现实时预览和调试。 同时可以借助浏览器完成调试。 与之前的Vim配合使用，完美解决了从代码编辑到调试到预览的问题。

这个产品不是IDE，我不会分析它的优缺点。 总的来说，WEPT+VIM+是一个不错的解决方案。 推荐大家使用。

注：插件下载链接在文末

网上有一个插件可以实现代码提示，但不能做调试和预览。 这是一个重型工具，所以我没有使用它。 喜欢厚一点手感的童鞋可以试试这个工具。

优势

有插件可以实现代码高亮、代码提示等功能。 其功能非常成熟丰富，快捷键多样。

缺点

无法调试，很多预览功能臃肿

总结

综上所述，和上面的一样，代码编辑功能强大但是需要插件支持才能开发小程序，比较臃肿。

注：插件下载链接在文末

翅膀

Wing是我见过的第一个公司级支持的IDE，所以功能相当成熟。 我下载并尝试了。 目前来说，除了上面的Vim方案之外，经过比较，这应该是最好的IDE工具了。

优势

支持代码提示、代码高亮、实时预览和调试、切换不同分辨率预览。 它真的支持项目创建吗？ !支持每两周更新新页面模板文件

缺点

实时界面预览是静态渲染。 界面中的动态数据无法预览，只能在调试时预览。 无法直观地拖放生成界面（是我太贪心了吗？）

总结

Wing是唯一支持实时预览功能的IDE。 即使是微信官方也没有实时预览，需要编译后预览。 对于懒惰的作者来说，当你有写作界面的实时预览时别高兴得太早！ Wing不仅可以创建项目，新建页面模板，运行项目发现预览界面和微信官方开发工具非常相似。 先推荐一下。

总结

列个清单，让大家根据自己的心情来选择。

环境/工具简介 代码高亮 代码提示 调试 实时预览 软件/插件下载地址 官方工具 微信小程序 官方工具支持极弱 支持下载 软件翼是第一个支持微信小程序开发的IDE。 支持支持支持 下载软件 文本 文本需要安装插件。 支持 支持 不支持 不支持插件 重量级IDE 支持 支持 不支持 不支持插件 vim + WEPT 强大的组合工具支持 支持 支持 Vim 插件、WEPT