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 个实用技巧

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

标签：

相关文章： 抖音一分购拉新项目，3天怒挣五千多，适合所有人【保姆级教程，附一手推广渠道】  京东白条分期付款的计算方式是怎样的？  构建高效动态网站，美学与功能并重  专业SEO推广公司，如何快速提升网站排名？,鞍山seo优化公司案例  创新营销模式，重塑市场格局  “外链推广，链接品牌影响力！”  AI助理，效率提升利器。  “极速引流神器，客源滚滚来”  网页设计该怎么学？  龙岩网站设计，专业打造品牌形象？,莱山区网络营销推广  苹果在欧盟又做出重大让步，首次允许用户通过网页下载iPhone应用38岁女士哭诉：再婚后毛都没有了，这样的婚姻还能要吗？  创新营销，品牌新声浪  如何通过网站推广让网站突破上万收录？  SEO需掌握基础编程，编程助SEO优化。  江苏SEO服务：关键词优化，网站排名翻倍？,开眼数据网站建设  爱站SEO查询神器  域名查询一站通  独立站是什么？如何打造核心竞争力？,游戏如何推广网站  佛山百度推广专家  营销方式与营销策略  电商时代，中小企网络营销快车道  影视站CPA项目日入几千的方法，看看别人怎么做的！  威县SEO，关键词优化，策略精准，效果显著。  网络营销：短板显不足，优化正当时  普通话推广，你参与了吗？,罗田seo优化ppt  湖北晨跑女孩失联，进展更新揭晓  西安SEO专家，助力网站排名  如何调整抖音照片播放速度？  京东订单能否直接删除？  未来协作新纪元：高效在线文档革命  产品营销策略：优质产品，如何赢得消费者青睐？,衡阳网站建设设计报告  响应式花卉插花培训网站模板  这可能是照明企业网站建设的最佳解决方案  电商运营，精准推广  AI写作神器，一键生成好文章！  南充网站SEO操作难不难？  SEO收费标准：合理定价，全面解析与建议  阿里巴巴店铺怎么运营  医院体检医疗健康类网站模板  遵化SEO优化，助力企业提升网络曝光度，如何实现？,整站百度关键词优化排名  百度权重高，网站流量旺  网络营销：传统经销商的时髦游戏  直供直销，源头保障  『PC魔法屋』 篇四：制作视频离不开哪些网站？一起来看看！曾是知名主持人，失误辞职后，步入婚姻殿堂，如今被宠成公主  极简风格，个性设计亮点  推销 营销的区别是什么  需求分析→设计→开发→测试→上线→维护  网站网络营销设计网站模板  某某企业网络营销方案：聚焦核心关键词，如何提升品牌影响力？,仙桃网站优化  廊坊SEO优化，助力企业腾飞