如何开发微信小程序？开发环境篇

前言

  鄙人的文章都会跟随着时代的递进而更新！大家如果想要得到最契合当下时代的文字，可以关注以下鄙人。

  本篇文章发布时间：2020年5月18日。

  本篇文章最近更新时间：2020年5月18日。

  近期鄙人正在参加2020中国高校计算机大赛举办的的微信小程序应用开发赛，召集了四个人从0开始学习微信小程序的技术分析和开发，从0开始搭建开发环境和第一次尝试团队合作开发。

  各位看到本篇文章，基本可以不用打开以下我引用的文章了，因为这些文章大都已经失去了其时效性，如今已经失去了大部分价值，甚至会引导大家走入误区！在此强烈谴责那些如今仍在搬运（且说是搬运，我甚至已经找不到原文是哪位先生写的了！）这些文章的人，你们不仅是在可耻地盗窃，而且在不负责地误人子弟！

  本人在网上寻找了许多文章，比如《五大微信小程序开发IDE深度评测》、《7个最热门的微信小程序 UI 组件库》、《几款微信小程序快速开发框架》等等，参考了各大框架，分析出了一套最适合于当下的微信小程序开发的前期准备推荐清单。

开发环境搭建

  首先是IDE，引用文章测评的五大开发IDE为微信开发者工具、Egret Wing、Sublime Text、WebStorm、vim+WEPT，当然还有一款是如今许多微信小程序教程里面推荐的VSCode+插件，在此我都会重新评价一下这些IDE。

微信开发者工具

优点：

• 依旧是如今最合适的微信开发模拟器
• 官方工具，可调式、可预览
• 官方更新迅速（这也造成了其他IDE的没落）
• 支持2019年推出的云开发，开发效率一跃千里
• 部分VS Code插件已经支持（鄙人没用过，不做过多评价）

缺点：

• 代码提示依旧不全，写代码效率依旧困难
• BUG过多
• 代码风格规范困难

总结：

  微信开发者工具依旧是一个非常好的微信开发模拟器，而且微信推出的云开发能够大幅度提高开发效率，因此微信开发者工具必不可少，甚至使得其他IDE选项都不再耀眼。

Egret Wing

总结：

  2018年8月之后已经停止更新了！请不要再误人子弟了！

Sublime Text

总结：

  2016年11月之后已经停止更新了！请不要再误人子弟了！

WebStorm

优点：

• WebStorm插件库里的微信小程序开发插件仍在更新，支持程度强。
• WebStorm的开发环境和风格优秀。
• WebStorm支持各种快捷键和Vim。
• 可以同时支持小程序编程和大前端编程。

缺点：

• 无法进行调试预览
• 部分云开发相关的代码提示不足

总结：

  我个人认为这是目前微信小程序开发支持最好的IDE，或者可以称为编辑器（因为没有预览和调试功能），但可以配合微信开发者工具进行开发。同时JetBrains对学生十分友好！可以使用学信网信息进行学生认证，获得免费使用专业开发版的资格。原评测的功能多和臃肿问题，我认为目前的开发者电脑足以支撑其庞大的IDE开发体系，并且许多功能都能给开发者更多的便利。

vim+WEPT

总结：

  WEPT已经不再维护！WEPT作者建议使用微信开发者工具！请不要再误人子弟了！

VSCode+插件

优点：

• 优秀的编辑器（鄙人使用频率少，不做过多评价）
• 庞大的插件库

缺点：

• 网上推荐的微信开发插件更新中断，无法跟上微信开发文档的更新。

总结：

  鄙人从网上推荐的插件得不到和WebStorm一样的开发效率，甚至插件已经停止更新数月，不再支持如今的小程序云开发，因此鄙人不推荐。如果有人有更好的插件推荐，可以留言回复，谢谢大家！我相信VSCode这款编辑器是非常优秀的！

最终总结：

  最终在下选择了WebStorm作为IDE和主要代码开发工具，同时可以作为Vue和Node的大前端的后台开发，并且使用微信开发者工具完成微信小程序的调试和模拟。

  由以上的分析可知，WebStorm + 微信开发者工具 + 云开发 必定是以后微信开发的主要方式，甚至一名大前端开发者可以完全在数周之内实现一个优秀小程序前后端的开发和快速上线！

  开发布局如下（多显示器效果更佳）：

环境/工具	描述	代码高亮	代码提示	调试	实时预览	云开发	软件/插件
官方工具	微信开发者工具	支持	极其弱	支持	支持	支持	下载软件
Egret Wing	首款支持微信小程序开发的IDE（停止支持）	停止支持	停止支持	停止支持	停止支持	停止支持	停止支持
Sublime Text 3	Sublime Text需要安装插件（停止支持）	停止支持	停止支持	停止支持	停止支持	停止支持	停止支持
WebStorm	WebStorm重量级IDE	支持	支持	不支持	不支持	部分支持	下载/插件
vim+WEPT	强大的组合工具（停止支持）	停止支持	停止支持	停止支持	停止支持	停止支持	停止支持
VSCode+插件	强大的编辑器（停止支持）	停止支持	停止支持	停止支持	停止支持	停止支持	停止支持