如何开发微信小程序?开发环境篇
前言
鄙人的文章都会跟随着时代的递进而更新!大家如果想要得到最契合当下时代的文字,可以关注以下鄙人。
本篇文章发布时间: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+插件 | 强大的编辑器(停止支持) | 停止支持 | 停止支持 | 停止支持 | 停止支持 | 停止支持 | 停止支持 |
如何开发微信小程序?开发环境篇相关推荐
- 微信小程序开发导航:精品教程+网友观点+demo源码(5月9日更新)
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...
- 微信小程序开发系列 (四) :微信小程序的页面跳转路由设计
笔者由于工作需要,曾经参加过一个微信小程序同 SAP 系统集成的项目,因此从零开始学习了微信小程序的开发知识.这里通过系列文章把自己所学分享出来,希望对相关学习者有所帮助. 本教程前面三篇文章: 微信 ...
- 微信小程序开发入门指南一
微信小程序的火热程度相信大家有目共睹,今天本篇博文就和大家一步一步学习开发微信小程序. 本篇文章会在官方简易教程的基础上做更详细的解说,好了相信你已经和我一样已经迫不及待了,跟随这个教程,开始我们的小 ...
- 微信小程序开发的开发模式有哪些?
尽管越来越多的商家开始认识到小程序快速.低成本获客的优势,那么制作小程序有哪几个模式呢?很多人不懂,下面给大家捋捋思路. 不论是新创建的公司,或许具备肯定体量的公司,假如想要做1个微信小程序,就必须要 ...
- 微信小程序开发、uni-app开发、腾讯AI、百度AI
目录 1.微信小程序开发 2.uni-app开发 3.腾讯AI 4.百度AI 5.微信小程序开发与uni-app开发 1.微信小程序开发 以下是微信小程序的API,可以在里面进行查阅 微信开放文档 微 ...
- uni-app开发微信小程序的简要流程
uni-app开发微信小程序 开发uni-app的技术条件就是微信小程序及Vue,不熟悉vue的同学要先学习了解一下.不熟悉小程序可以直接看uni文档.https://uniapp.dcloud.io ...
- 微信小程序开发系列一:微信小程序的申请和开发环境的搭建
我最近也刚刚开始微信小程序的开发,想把我自学的一些心得写出来分享给大家. 这是第一篇,从零开始学习微信小程序开发.主要是小程序的注册和开发环境的搭建. 首先我们要在下列网址申请一个属于自己的微信小程序 ...
- Mpvue+koa开发微信小程序——腾讯云开发环境的搭建及部署实现真机测试
为什么写这篇文章? 之前写过一篇文章:微信小程序开发错误:LoginError {type: "ERR_WX_GET_USER_INFO"}解决方法 有的伙伴在这篇文章中评论为什么 ...
- 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 1
我最近也刚刚开始微信小程序的开发,想把我自学的一些心得写出来分享给大家. 这是第一篇,从零开始学习微信小程序开发.主要是小程序的注册和开发环境的搭建. 首先我们要在下列网址申请一个属于自己的微信小程序 ...
最新文章
- 我的路子 - 发现游戏为模型的软件架构方式
- 收藏 | 机器学习最全知识点汇总(万字长文)
- 构造 ---- 最小没出现过的数(逆向构造) D. Replace by MEX
- C++编程易范的错误
- 【每日一记3.21】initrd
- mysql ignore index,mysql强制索引FORCE INDEX/IGNORE INDEX忽略索引
- MySQL索引的坑,谁踩谁知道……
- Codeforces 793b B. Igor and his way to work 觉得大神写的3维bfs太复杂,突然发现这题是连连看算法。
- nRF51822 SDK初体验
- JS中的运算符和数组
- Linux 命令(115)—— rev 命令
- WordPress更改“固定链接”后 ,页面出现404的解决方法
- 【数学建模】2018 A题 高温作业专用服装设计(8.22-8.24训练)
- 前端技术基础--笔记
- 用行列式的定义方法求解n阶行列式的值(C++)
- 为什么navicat总是闪退问题解决
- SDN的两种方式分析
- 【欧几里得扩展欧几里得】
- Asan基本原理及试用
- WPF跨页面传递数据