5款微信小程序开发工具使用报告，微信官方开发工具还有待提高

微信小程序已经内测有一段时间了，笔者本着好奇加学习的心态写了几个小demo，虽然在MINA框架上并无遇到太多的坑，但官方开发工具实在不敢恭维。

• api提示不全，要一个个查api啊，写代码超级慢啊
• 不少必备的快捷键都没有，好比全选关键字、快速复制一行等等
• 颜色主题不能选？不喜欢白色风格怎么搞
• 没有插件 没有插件 没有插件 重要的事情说三遍

无奈笔者走上了尝试各类IDE的旅途，如今说一下笔者对于IDE的需求或者设想：

• 轻量级：我不喜欢那种相似Eclipse的庞然大物，即便出现相似工具我也不会去使用，由于其中90%的功能都不会被用到。
• 可定制化的代码着色：代码着色是必备功能，若是支持颜色模板最好
• 准确的代码提示：这个过重要了，你们懂得
• 可调试：IDE能够进行调试或运行
• 实时预览界面：因为应用开发与网页不一样，实时预览必须在程序运行时才会将动态数据加载到界面，这块我不抱太大但愿

针对上面几个需求，笔者先后尝试了目前市面上支持小程序开发的工具，呕心沥血总结以下，以供你们参考。

微信小程序官方开发工具

注意，这个小标题我并无使用“IDE”字眼。由于在笔者眼中，它真的是个工具，而不是一个IDE。官方工具中的代码编辑功能，就是将vscode的代码编辑功能嵌入到工具中，不足以支撑开发。

优势

由于是官方工具因此有这其它第三方工具备这不可比拟的自然优点，若是不是他代码编辑功能太弱的话。

• 官方工具，可调试，可预览
• 基本的代码编辑、智能提示、调试等功能都有
• 项目管理、建立、手机预览、代码提交审核
• 官方维护更新

缺点

很差的地方也很明显，整体而言是一款工具而不是IDE。糟糕的代码编辑功能，写起代码很是别扭，这是我放弃它的最重要缘由。

• api提示不全，要一个个查api啊，写代码超级慢啊
• 不少必备的快捷键都没有，好比全选关键字、快速复制一行等等
• 颜色主题不能选？不喜欢白色风格怎么搞
• 没有插件 没有插件 没有插件 重要的事情说三遍

总结

目前由于须要用到微信web开发工具进行小程序的建立、调试、查看、预览、上传，因此这个工具必不可少。可是代码编辑功能实在太差，推荐使用其它第三方代码编辑工具代替。

Sublime Text 3

说完官方工具，聊一聊我平常工做最经常使用的工具 sublime text 3，它定位于代码编辑器而不是IDE，试用了一下，在代码提示方面只能算得上通常般。

优势

• 打开文件速度倍儿快、UI简洁大方
• 代码编辑体验温馨、高效
• 拥有大量插件，针对不一样需求基本上能找到对应插件来知足
• 第三方开发者开发小程序插件用于代码着色和代码提示

缺点

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

总结

除了自己的代码编辑优点，对于小程序开发并无什么实质性帮助，最终Sublime Text方案也被笔者放弃。

不得不吐槽 Sublime Text的这个插件，搞了很久才把它run起来，郁闷。

注：插件下载连接在文末

Vim + WEPT

Vim这个编辑器之神一直是个人装逼利器，关于vim的好我就很少说了，省得Emacs的人过来骂我。

网上有人已经开发了对应插件，叫作 Wxapp.vim 这个插件我简单用了一下，包含文件检测、智能补全、文档跳转、语法高亮、缩进、代码段、单词列表、语法检查等功能。整体来讲仍是不错的，但存在一个严重问题。笔者在作服务器开发的时候，基本使用Vim编程，在配合一些其余的插件和工具直接在终端运行调试。但微信小程序这个我用了半天不得不放弃，由于要常常在Vim和微信小程序官方工具之间来回切换，似的笔者极为烦躁。按照笔者一惯做风，使用Vim的时候就应该把鼠标扔掉。

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

优势

• 代码高亮，代码提示等功能齐全。
• 有小程序开发插件Wxapp.vim可使用，上文已经提到

缺点

• 没法调试预览
• 另一个问题在于不少人搞不定Vim，这货学习曲线优势高
• UI和使用方式不符合大多数人的习惯

总结

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

WEPT 是一个微信小程序实时开发环境，它的目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。也就是说，它自己是一个实时运行环境，能够作到实时预览和调试。同时调试能够借助chrome浏览器完成。和前面Vim搭配完美解决了代码编辑到调试再到预览的问题。

这货不算是IDE，笔者也不作优势缺点分析了。整体来讲，WEPT+VIM+Plugin 是个不错的解决方案。推荐你们使用。

注：插件下载连接在文末

WebStorm

WebStorm网上有个插件，能够实现代码提示，不能作调试和预览，而且属于重度工具，因此笔者没有使用WebStorm。喜欢厚重感的童鞋能够尝试一下这个工具。

优势

• 有插件能够实现代码高亮，代码提示等功能
• 有很是成熟和很是丰富的功能
• 各类快捷键

缺点

• 没法调试预览
• 功能比较多、比较臃肿

总结

总结来讲，webstorm和上述几个同样，代码编辑功能强大可是须要插件支持才能够开发小程序，并且体积臃肿。

注：插件下载连接在文末

Egret Wing

Wing这个东西算的上是笔者看到的第一个公司级别支持的IDE了，因此功能作的至关成熟。下载尝试了一下，就目前来讲除了上面的Vim方案，这个应该是目前对比后最佳的IDE工具了。

优势

• 支持代码提示，代码高亮
• 实时预览和调试和切换不一样分辨率预览
• 竟然支持项目建立？！
• 支持新建page模板文件
• 双周更新

缺点

• 实时界面预览属于静态渲染，对于界面中的动态数据没法进行预览，只能在调试时进行预览。
• 没法进行可视化拖拽生成界面（是我太贪心了么？）

总结

Wing是惟一一款支持实时预览功能的IDE，包括微信官方都没有实时预览而是须要编译后预览，对于大懒人的笔者来讲有实时预览写界面的时候不要太爽！wing不但能够并且还能够建立项目，新建page模板，运行一下项目发现，这个预览界面和微信官方开发工具很是类似。优先推荐使用。

总结

整理个表，你们看本身心情选择。

环境/工具	简述	代码高亮	代码提示	调试	实时预览	软件/插件下载地址
官方工具	微信小程序官方工具	支持	极其弱	支持	支持	下载软件
Egret Wing	首款支持微信小程序开发的IDE。	支持	支持	支持	支持	下载软件
Sublime Text 3	Sublime Text须要安装插件。	支持	支持	不支持	不支持	插件
Webstorm	WebStorm 重量级IDE	支持	支持	不支持	不支持	插件
vim + WEPT	强大的组合工具	支持	支持	支持	支持	Vim插件、WEPT