5款微信小程序开发工具使用报告，官方坑太多！

#长按上图识别二维码，参与OSC源创会年终盛典#

微信小程序已经内测有一段时间了，笔者本着好奇加学习的心态写了几个小 demo，虽然在 MINA 框架上并没有遇到太多的坑，但官方开发工具实在不敢恭维。 ● api提示不全，要一个个查api啊，写代码超级慢啊 ● 很多必备的快捷键都没有，比如全选关键字、快速复制一行等等 ● 颜色主题不能选？不喜欢白色风格怎么搞 ● 没有插件 没有插件 没有插件 重要的事情说三遍无奈笔者走上了尝试各种IDE的旅途，现在说一下笔者对于IDE的需求或者设想： ● 轻量级：我不喜欢那种类似Eclipse的庞然大物，即使出现类似工具我也不会去使用，因为其中90%的功能都不会被用到。 ● 可定制化的代码着色：代码着色是必备功能，如果支持颜色模板最好 ● 准确的代码提示：这个太重要了，大家懂得 ● 可调试：IDE可以进行调试或运行 ● 实时预览界面：由于应用开发与网页不同，实时预览必须在程序运行时才会将动态数据加载到界面，这块我不抱太大希望针对上面几个需求，笔者前后尝试了目前市面上支持小程序开发的工具，呕心沥血总结如下，以供大家参考。1微信小程序官方开发工具

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

优点因为是官方工具所以有这其它第三方工具有这不可比拟的天然优势，如果不是他代码编辑功能太弱的话。 ● 官方工具，可调试，可预览 ● 基本的代码编辑、智能提示、调试等功能都有 ● 项目管理、创建、手机预览、代码提交审核 ● 官方维护更新缺点不好的地方也很明显，总体而言是一款工具而不是IDE。糟糕的代码编辑功能，写起代码非常别扭，这是我放弃它的最重要原因。 ● api提示不全，要一个个查api啊，写代码超级慢啊 ● 很多必备的快捷键都没有，比如全选关键字、快速复制一行等等 ● 颜色主题不能选？不喜欢白色风格怎么搞 ● 没有插件 没有插件 没有插件 重要的事情说三遍总结目前因为需要用到微信web开发工具进行小程序的创建、调试、查看、预览、上传，所以这个工具必不可少。但是代码编辑功能实在太差，推荐使用其它第三方代码编辑工具代替。2Sublime Text 3

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

优点 ● 打开文件速度倍儿快、UI简洁大方 ● 代码编辑体验舒适、高效 ● 拥有大量插件，针对不同需求基本上能找到对应插件来满足 ● 第三方开发者开发小程序插件用于代码着色和代码提示缺点 ● 没有调试，没有预览 ● 因为是第三方开发者编写的插件，代码提示也不是非常全面总结除了本身的代码编辑优势，对于小程序开发并没有什么实质性帮助，最终Sublime Text方案也被笔者放弃。不得不吐槽 Sublime Text的这个插件，搞了好久才把它run起来，郁闷。3Vim + WEPT

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

网上有人已经开发了对应插件，叫做 Wxapp.vim 这个插件我简单用了一下，包含文件检测、智能补全、文档跳转、语法高亮、缩进、代码段、单词列表、语法检查等功能。总体来说还是不错的，但存在一个严重问题。笔者在做服务器开发的时候，基本使用Vim编程，在配合一些其他的插件和工具直接在终端运行调试。但微信小程序这个我用了半天不得不放弃，因为要经常在Vim和微信小程序官方工具之间来回切换，似的笔者极为烦躁。按照笔者一惯作风，使用Vim的时候就应该把鼠标扔掉。但最终我还是发现了一个补救方案，下面会介绍一下。优点 ● 代码高亮，代码提示等功能齐全。 ● 有小程序开发插件Wxapp.vim可以使用，上文已经提到缺点 ● 无法调试预览 ● 另外一个问题在于很多人搞不定Vim，这货学习曲线优点高 ● UI和使用方式不符合大多数人的习惯总结WEPT这个货解决了我上面Vim说的痛点。WEPT 是一个微信小程序实时开发环境，它的目标是为小程序开发提供高效、稳定、友好、无限制的运行环境。也就是说，它本身是一个实时运行环境，可以做到实时预览和调试。同时调试可以借助chrome浏览器完成。和前面Vim搭配完美解决了代码编辑到调试再到预览的问题。这货不算是IDE，笔者也不做优点缺点分析了。总体来说，WEPT+VIM+Plugin 是个不错的解决方案。推荐大家使用。4WebStormWebStorm网上有个插件，可以实现代码提示，不能做调试和预览，并且属于重度工具，所以笔者没有使用WebStorm。喜欢厚重感的童鞋可以尝试一下这个工具。优点 ● 有插件可以实现代码高亮，代码提示等功能 ● 有非常成熟和非常丰富的功能 ● 各种快捷键缺点 ● 无法调试预览 ● 功能比较多、比较臃肿总结总结来说，webstorm和上述几个一样，代码编辑功能强大但是需要插件支持才可以开发小程序，而且体积臃肿。5Egret Wing

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

优点 ● 支持代码提示，代码高亮 ● 实时预览和调试和切换不同分辨率预览 ● 居然支持项目创建？！ ● 支持新建page模板文件 ● 双周更新缺点 ● 实时界面预览属于静态渲染，对于界面中的动态数据无法进行预览，只能在调试时进行预览。 ● 无法进行可视化拖拽生成界面（是我太贪心了么？）总结Wing是唯一一款支持实时预览功能的IDE，包括微信官方都没有实时预览而是需要编译后预览，对于大懒人的笔者来说有实时预览写界面的时候不要太爽！wing不但可以而且还可以创建项目，新建page模板，运行一下项目发现，这个预览界面和微信官方开发工具非常相似。优先推荐使用。总结

整理个表，大家看自己心情选择。

推荐阅读11月12日广州源创会火热报名中痛斥乔布斯 炮轰盖茨 自由软件之父一生在保护什么不可错过的 12 款 Ruby on Rails 开发工具［译文］构建 Spring Boot API 的 5 个实用技巧

点击“阅读原文”查看更多精彩内容

标签：

相关文章： “爆火！一秒上热门，快来体验！”  恒创科技：小程序开发需要服务器和域名吗？一女子在如家快捷酒店裸睡，突然被人刷开房门，这人是谁？  股票权重，市场影响力体现  互联网保险营销陷阱：如何识别误导性宣传？,西安seo优化工作室  “快译通，一触即达”  SEO助力项目腾飞，揭秘优化秘籍  餐饮企业进行品牌推广的几个程序  吉田直树暗示将发行 Xbox 版《最终幻想 16》游戏韩星IU一口饭嚼150下，大S吃饭慢到赶不上开工，细嚼慢咽真能瘦？  企业网站关键词优化，搜索排名飞跃  网络营销，拓客利器，品牌加速器  龙岩网站制作，如何提升企业品牌影响力？,seo标题怎么写好看  使用哪些方式能做到全网营销覆盖？  不建站也不投资，你还不知道有台保约家用直流快充桩就能赚钱这回事？玄彬孙艺珍同框看球赛！玄彬幸福肥显邋遢，女方颜值依旧在线  郸城SEO优化，高效性价比方案  微信小程序如何制作成疑问句？  抖音SEO外包，哪家公司更出色？  保险公司客服岗工作总结  “湖北大学，中部名校，实力卓越”  全网引流，一价全包！  指标体系搭建  文投控股上涨5.32%，报3.17元/股退休帮儿子带娃四年，母亲节儿媳却给亲家一万块，大妈当晚离开  AI写作新天地  深网智汇营销专家  销售中的pop是什么意思  轩软SEO——高效网站优化专家  网站推广小编教你如何改善网站的外观  全链路网站搭建专家  响应式智能照明家居网站模板  百科新门户，知识一网打尽  闲鱼如何快速提升商品排名？  一键优化，核心关键词嵌入，如何提升至满分？,营销付费推广总结  百度北分是百度核心部门？其未来发展方向如何？,潮州市网络营销推广运营  响应式给水管道门阀网站模板  胜芳网站SEO，高效优化，提升排名  SEO深度定制服务  市场营销营销策略组合  未来赋能，创新永不止步，共筑新篇章  如何轻松登录ChatGPT3.5，体验AI智能对话？  挂牌销售是什么意思  打破新媒体运营僵局：百度创新优化之道  《搜神记·港岛传奇》  如何通过WordPress将内容自动推送到QQ，扩大传播范围？  淘宝账单里，我总共花了多少？人生账单藏哪？  搜索营销速成班，一课掌握精髓  京东白条分期计算方式是怎样的？  一台电脑能同时登录几个淘宝账号？  SEO效果速检，立竿见影！  苹果更新网页版 iCloud，升级照片、邮件等应用牛莉无滤镜有点憔悴，但身材真的有料，不愧是大婶年纪 女友身段  如何开设京东店铺？  机构网站新风向