本教程操作环境:windows7系统、Dell G3电脑。
微信小程序开发平台(在线开发工具)
一、即速应用——无需代码一键生成的微信小程序开发工具
严格来说,即速应用不是为专业程序员准备的开发工具,但它绝对是一款功能非常强大的微信小程序制作工具。不懂技术不懂编程的小白,一定会爱上即速应用这款工具的。
即速应用因其丰富的功能组件、齐全的行业模板以及强大的管理后台受到了众多开发者的青睐。经过短短半年时间,通过即速应用制作并成功上线的微信小程序就突破了2万款。对于普通的小白使用这来说,操作非常简单,因为它相当于把需要代码的部分都帮你做好了,所以你再也不用太头疼技术方面的问题了。
优点
可视化操作,直接拖拽组件生成页面
提供大量可套用的模板
可将代码打包下载,直接对接到小程序的开发工具
下载下来后的代码可以任意编辑
缺点
电商模板居多,其他类别的模板较少
复杂的功能仍然需要专业程序员二次开发
二、Coolsite360——国内第一款微信小程序可视化设计工具
CoolSite360推出的小程序编辑器,可以帮助设计师无需编写wxml以及wxss代码,通过小程序可视化编辑器就可快速设计小程序交互UI。使用小程序编辑器设计的页面,可以方便地在微信及浏览器上预览,便于前期的原型展示分享。设计好的页面,可以一键导出符合小程序标准的代码,可直接进行功能开发。
优点
设计好的页面,可直接导出代码使用;
编辑器集成了微信官方提供的所有组件
可将代码打包下载,直接对接到小程序的开发工具
下载下来后的代码可以任意编辑
缺点
目前还没有涉及前端业务逻辑以及后端数据的处理
复杂的功能仍然需要专业程序员二次开发
三、知晓云——简洁高效的开发工具
知晓云是爱范儿旗下继知晓程序(minapp.com,媒体和小程序商店)后又一个基于微信生态的核心产品。是国内第一个专注于微信小程序开发的 BaaS(Backend as a Service)产品,它可以让开发者更快、更轻松地做出优美、稳定的小程序,且不失灵活性。
优点:
整体风格简洁大方,没有冗余信息;
最爽的是在每一个配置页面的右边栏都会有对应的前端代码演示;
对于数据表,很多默认字段(列)已经建好,省去不少时间。
缺点:
数据查询缺少复杂条件的查询,如 or 查询,关联查询,不过问了他们的开发同学说很快就提供;
数据表没法删除;
用户 ID 显示有 bug;
右边栏代码提示可适当丰富点,例如数据那只提供了 getTable 的演示,而常用的应该是记录的增删查改接口。
四. 微信官方小程序开发工具
作为官方小程序开发工具,它只是个工具,而不是一个IDE。官方工具中的代码编辑功能,就是将vscode的代码编辑功能嵌入到工具中,不足以支撑开发。因为是官方工具所以微信官方小程序开发工具有着其他第三方平台不可比拟的天然优势。
优点
官方工具,可调试,可预览
基本的代码编辑、智能提示、调试等功能都有
项目管理、创建、手机预览、代码提交审核
官方维护更新
缺点
代码编辑功能略弱,写起代码非常别扭,这是我放弃它的最重要原因。
很多必备的快捷键都没有,比如全选关键字、快速复制一行等等
颜色主题不能选,不喜欢白色风格怎么搞
没有插件 没有插件 没有插件 重要的事情说三遍