微信小程序已经内测一段时间了。笔者出于好奇和学习写了几个小demo，虽然在MINA框架中没有遇到太多坑，但是官方的开发工具实在不敢恭维。api提示不全，得一个个查api，写代码超级慢。很多必备的快捷键都不见了，比如全选关键字，快速复制一行等。颜色主题无法选择？我不喜欢白色的风格。为什么我没有插件？没有插件重要的事情说了三遍，我却踏上了尝试各种IDE的旅程。下面说一下我对IDE的需求或者想法：轻量级：我不喜欢Eclipse这种庞然大物，即使有类似的工具我也不会用，因为90%的功能都不会用。可自定义代码着色：代码着色是必备功能，如果支持颜色模板，最好准确的代码提示：这个太重要了，大家都知道Debuggable：IDE可以调试或运行实时预览Interface：由于应用开发和网页不同，实时预览只会在程序运行时加载动态数据到界面。我对此不抱太大希望。针对以上需求，笔者尝试了市面上支持小程序开发的工具。心血总结如下：供大家参考。微信小程序官方开发工具注意，我在这个小标题中没有使用“IDE”这个词。因为在作者眼里，它真的是一个工具，而不是IDE。官方工具中的代码编辑功能是将vscode的代码编辑功能嵌入到工具中，不足以支持开发。优点因为是官方工具，其他第三方工具有着不可比拟的天然优势，要不是代码编辑功能太弱了。官方工具，可调试，可预览。基本代码编辑、智能提示、调试等功能有项目管理、创建、手机预览、代码提交和审核。官方维护更新的缺点也很明显。总的来说，它是一个工具而不是IDE。糟糕的代码编辑功能，写代码很别扭，这是我放弃它的最重要原因。api提示不全，得一个个查api，写代码超级慢。很多必备的快捷键都不见了，比如全选关键字，快速复制一行等。颜色主题无法选择？我不喜欢白色的风格。为什么我没有插件？没有插件。重要的是说三遍总结。目前由于需要微信web开发工具来创建、调试、查看、预览、上传小程序，所以这个工具是必不可少的。但是代码编辑功能太差，建议改用其他第三方代码编辑工具。说完SublimeText3的官方工具，再来说说我日常工作中最常用的工具sublimetext3。它被定位为代码编辑器而不是IDE。试用了一下，在代码提示方面只能算是一般。优势更快的文件打开速度，简洁优雅的UI舒适高效的代码编辑体验插件众多，不同需求基本都能找到对应的插件，满足第三方开发者开发代码小程序插件着色和代码提示缺点没有调试，没有预览因为是第三方开发者写的插件，代码提示不是很全面。除了自身的代码编辑优势外，对于小程序开发并没有什么实质性的帮助。最后，SublimeText的方案也被作者放弃了。不得不吐槽这个用于SublimeText的插件，运行了好久，郁闷。注：插件下载链接在文末。Vim+WEPTVim，编辑之神，一直是我的得力武器。vim就不多说了，免得Emacs的人来骂我。网上有人开发了相应的插件叫Wxapp.vim。我简单使用了这??个插件，包括文件检测、智能补全、文档跳转、语法高亮、缩进、代码片段、单词列表、语法检查等功能。总体来说还好，但是有一个严重的问题。笔者在做服务器开发的时候，基本都是使用Vim编程，配合一些其他的插件和工具，直接在终端上运行调试。但是微信小程序用久了不得不放弃，因为要经常在Vim和官方微信小程序工具之间来回切换，笔者显得格外恼火。按照笔者一贯的作风，在使用Vim的时候，鼠标应该扔掉。但最终我找到了补救措施，我将在下面描述。优点代码高亮、代码提示等功能齐全。有一个小程序开发插件Wxapp.vim可以使用。上面提到的缺点是无法调试和预览的。另一个问题是很多人无法使用Vim。'这个产品解决了我上面提到的Vim痛点。WEPT是微信小程序的实时开发环境。其目标是为小程序开发提供高效、稳定、友好、无限的运行环境。也就是说，它是一个实时运行环境，可以实时预览和调试。同时可以借助chrome浏览器进行调试。与之前的Vim结合，完美解决了从代码编辑到调试再到预览的问题。该产品不算IDE，笔者不分析其优缺点。总的来说，WEPT+VIM+Plugin是一个很好的解决方案。我推荐大家使用它。注：插件下载链接在文末。WebStorm上有一个插件WebStorm，可以实现代码提示，但是不能做调试和预览，是一个比较重的工具，所以笔者没有使用WebStorm。喜欢厚重感的童鞋可以试试这个工具。优点有插件可以实现代码高亮、代码提示等功能。有很成熟很丰富的功能。各种快捷键。缺点：无法调试。预览功能多，臃肿。综上，webstorm和上面几家一样，代码编辑功能强大但是开发小程序需要插件支持，比较臃肿。注：插件下载链接在文末。EgretWingWing算得上是笔者支持的第一个公司级IDE，所以功能已经相当成熟。我下载了它并尝试了它。目前来看，除了上面的Vim解决方案，这应该是比较好的IDE工具了。优点支持代码提示，代码高亮实时预览调试不同分辨率切换预览居然支持工程创建？！支持新的页面模板文件双周更新缺点实时界面预览属于静态渲染，无法预览界面中的动态数据。只能在调试时预览。拖拽生成界面无法可视化（我是不是太贪心了？）综上所述，Wing是目前唯一支持实时预览功能的IDE，包括微信官方。有实时预览写作界面不要太爽！Wing不仅可以创建项目，新建页面模板，运行项目发现这个预览界面和官方微信开发工具非常相似。建议先使用。总结整理出一张表，大家根据自己的心情选择。环境/工具简介代码高亮代码提示调试实时预览软件/插件下载官方工具微信小程序官方工具支持非常弱支持支持下载软件EgretWing是第一个支持微信小程序开发的IDE。支持支持支持支持下载软件SublimeText3SublimeText需要安装插件。支持支持不支持不支持PluginWebstormWebStorm重量级IDE支持支持不支持不支持Pluginvim+WEPT强大的组合工具支持支持支持支持VimPlugin,WEPT
